Research product context and propose design guidelines documented in DESIGN.md.
npx skills add https://github.com/onlypfachi/chief --skill design-consultation
Please help me install this Agent Skill. Skill: design-consultation Source: https://github.com/onlypfachi/chief/tree/main Command: npx skills add https://github.com/onlypfachi/chief --skill design-consultation
This design-consultation skill helps create a complete, coherent design system for a project—from typography to color to layout—so teams ship with a unified visual language and without design drift.
Follow this prompt to begin crafting a cohesive design system for your project.
High-intent search queries and answers about installing and using this skill.
To create a design system from scratch, research the product context and define typography, color, spacing, motion, and component guidelines. This process outputs a canonical DESIGN.md file to establish a unified visual language and prevent design drift.
To generate design tokens for an existing UI, analyze the current project context and patterns. The system proposes typography, color, spacing, and motion tokens, enforcing consistency with accessibility and brand alignment while documenting them in DESIGN.md.
The best way to document design guidelines is producing a DESIGN.md file that defines layout tokens, component primitives, and responsive strategy. This canonical reference ensures stakeholders and developers ship with a coherent visual language.
Yes, you can use this design system generation approach for modernizing an old interface. It analyzes existing UI patterns and proposes updated typography, color, and motion guidelines while enforcing accessibility and brand alignment in the output.
Yes, establishing a design system requires stakeholder collaboration to accurately research the product context. This collaboration ensures the proposed typography, color, spacing, and component guidelines align with brand requirements and accessibility standards.
If your UI is experiencing visual drift, establish a coherent design system by defining typography, color, spacing, and component primitives. Documenting these layout tokens in DESIGN.md enforces consistency and stops uncontrolled visual divergence.
coco-deTranslate stakeholder needs into clear product requirements and product briefs.
vikingokftExtract a Stitch-compatible DESIGN.md from frontend source code.
whyashthakkerCreate production-ready frontend interfaces with design systems in React, Vue, or Angular.
abrahamgreysonApply UI and branding guidelines to GSD projects.
