Research design needs and generate a DESIGN.md design system source of truth.
npx skills add https://github.com/huichen/gstack --skill design-consultation-huichen
Please help me install this Agent Skill. Skill: design-consultation Source: https://github.com/huichen/gstack/tree/main/design-consultation Command: npx skills add https://github.com/huichen/gstack --skill design-consultation-huichen
Create coherent, documented design systems for products by researching needs, defining typography, color, layout, spacing, and motion, and generating a DESIGN.md that serves as the project’s single source of truth.
Describe your product, audience, and constraints, then I will generate a complete design system outline and a DESIGN.md you can start implementing today.
High-intent search queries and answers about installing and using this skill.
To create a design system from scratch, you research product needs and define cohesive typography, color, spacing, layout, and motion guidelines. This produces a DESIGN.md file serving as the single source of truth to bootstrap your unified product experience.
A DESIGN.md file is documented design system architecture acting as a project's single source of truth. It captures typography, color, layout, spacing, and motion guidance, providing actionable steps to implement a unified UI experience.
To unify an existing product design language during a redesign, you refactor the UI by researching the landscape and producing a cohesive design system. This establishes a DESIGN.md to align typography, color, and layout guidelines across the product.
Yes, a design system includes accessibility considerations and brand guideline work. It satisfies design brief requirements by defining color, typography, spacing, and motion guidance to ensure a unified and accessible user experience.
You need to define typography and color guidelines when starting a new UI with no existing design system or refactoring an existing product. This ensures a cohesive design language and generates a documented source of truth for your project.
Owl-ListenerDefine and document a design brief with problem space, audience, constraints, and success criteria.
Jesse-L-MGenerate a complete design system with typography, color, layout, and motion tokens.
Adelie-SquadCreate and apply design tokens for color, typography, and spacing.
Azeem-2Apply Anthropic brand colors and typography to design artifacts.
