Interview stakeholders to generate a project-root DESIGN-BRIEF.md for UI design.
npx skills add https://github.com/dawitlabs/ui-skills --skill design-grill
Please help me install this Agent Skill. Skill: design-grill Source: https://github.com/dawitlabs/ui-skills/tree/main/skills/design-grill Command: npx skills add https://github.com/dawitlabs/ui-skills --skill design-grill
Prevents UI work from starting without a shared, specific visual direction by running a guided, contradiction-aware interview that produces a reusable DESIGN-BRIEF.md north star for the project.
DESIGN-BRIEF.md, partially implemented tokens, CSS/config artifacts, and prior skill screenshots to avoid re-asking decisions already made.DESIGN-BRIEF.md including “Decisions Made,” “Ruled Out,” and “Open Questions” so downstream skills (UI/UX, tokens, animation, landing) can act consistently.Run design-grill for a new project by asking it, one question at a time, to determine product category, audience, brand personality, and the full visual direction so it can generate a DESIGN-BRIEF.md you can use for the next skills.
High-intent search queries and answers about installing and using this skill.
To create a design brief for a new product UI, you can run a guided interview that extracts product category, target persona, brand personality, and visual references to generate a project-root DESIGN-BRIEF.md artifact.
Resolving contradictions in UI design direction involves detecting incompatible answers like dense versus whitespace-heavy layouts and resolving them before writing the final design brief.
You establish a consistent visual direction by interviewing stakeholders about brand personality, audience, and UI constraints, which produces an operational north star for downstream UI skills.
Yes, the process reads existing context first, checking for partially implemented tokens, CSS artifacts, and prior screenshots to avoid re-asking design decisions already made in the codebase.
A UI design brief should include Decisions Made, Ruled Out options, and Open Questions so downstream skills handling tokens, animation, and landing pages can act consistently.
You need a guided interview for UX design planning when starting a new product UI or when existing design decisions are ambiguous and contradictory across screens, tokens, and motion.
Pabloprogramador23Extract design tokens from CSS, Tailwind themes, and screenshots into a design-system reference.
zivtechSequence prompt enhancement, screen generation, and design token extraction for Google Stitch prototyping workflows.
AshesOfTheUndeadGenerate design guideline documents for UI components using color, typography, and spacing tokens.
nayyirahsanAnalyze design visual hierarchy, information architecture, and cognitive load with quantitative scoring.