julianoczkowski/designer-skills

grill-me

Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree.

Zobacz źródło
Oryginalny dokument Skill

Treść z repozytorium z zachowaniem nagłówków, przykładów, kodu, tabel, linków i obrazów.

Example prompts

  • "Grill me on this landing page idea"
  • "I want to build a dashboard for tracking team metrics. Challenge my thinking."
  • "Stress-test my approach to this settings page"
  • "I have a rough idea for a portfolio site. Help me think it through."

Instructions

Interview me relentlessly about every aspect of this plan until we reach a shared understanding. Walk down each branch of the design tree, resolving dependencies between decisions one by one.

If a question can be answered by exploring the codebase, explore the codebase instead of asking me.

If a question can be answered by examining existing components, styles, or design tokens in the project, examine them instead of asking me.

For each question, provide your recommended answer.

z tego samego repozytorium

Więcej Skills

Wszystkie Skills
julianoczkowski
Społeczność

design-brief

Create a design brief through an interactive interview, codebase exploration, and experience design decisions. Saved as a markdown file in the project. Use when user wants to write a design brief, plan a new feature or page, define a UI direction, or mentions "brief".

instalacje
3
GitHub Stars
558
Aktualizacja
6 lip
julianoczkowski
Społeczność

design-flow

Run the full design-to-build workflow as a guided sequence. Orchestrates all designer skills in order, from grilling through review. Use when user wants to go through the complete design process, start a project from scratch, run the full flow, or mentions "design flow" or "full workflow".

instalacje
3
GitHub Stars
558
Aktualizacja
6 lip
julianoczkowski
Społeczność

design-review

Run a structured design critique against the brief and codebase. Checks visual hierarchy, consistency, responsiveness, accessibility, and aesthetic fidelity. Use when user wants a design review, critique, QA pass, polish pass, or mentions "review" after building.

instalacje
4
GitHub Stars
558
Aktualizacja
6 lip
julianoczkowski
Społeczność

design-tokens

Generate a design tokens file (CSS variables or Tailwind config) based on a chosen aesthetic philosophy, with light and dark mode palettes, spacing scale, type ramp, and component-level tokens. Use when starting a new project, establishing a visual system, setting up tokens, or mentions "tokens" or "design system".

instalacje
4
GitHub Stars
558
Aktualizacja
6 lip