Develop a product design system and write DESIGN.md source of truth.
npx skills add https://github.com/MFS-code/gstack --skill design-consultation-mfs-code
Please help me install this Agent Skill. Skill: design-consultation Source: https://github.com/MFS-code/gstack/tree/main/design-consultation Command: npx skills add https://github.com/MFS-code/gstack --skill design-consultation-mfs-code
You need a coherent design system for your product, but designing typography, color, layout, spacing, and motion from scratch (and turning it into a real source-of-truth file) is slow and easy to get inconsistent.
Invoke /design-consultation and tell the skill what your product is, who it’s for, and whether you want it to research comparable products or work from its design knowledge.
High-intent search queries and answers about installing and using this skill.
To generate a complete design system, you need to define aesthetic direction, typography stack, color palette, spacing rules, layout approach, and motion guidance. This skill produces a comprehensive, consistent system and writes it into a DESIGN.md file as your single source of truth.
Creating a DESIGN.md source of truth involves compiling typography, color palette, spacing, and motion guidance into one file. This skill automates that process by generating usable design outputs suitable for implementation planning and consolidating them into DESIGN.md.
Yes, you can align existing UIs with new styling. The skill works for updating existing interfaces by inferring current design work and generating a consistent brand and UI styling system, including typography and color palette updates.
You can preview typography and colors by generating visual artifacts. This skill creates font and color preview pages, allowing you to see what the proposed design system will look like before committing to implementation.
Yes, it works without existing assets. You can invoke the skill and tell it what your product is; it will either research comparable products or use its own design knowledge to propose a complete layout, spacing, and motion guidance system from scratch.
rkumar261Generates a complete system design document with layout, color, and typography specifications.
tropeksPropose and document a complete design system in a DESIGN.md file.
fatihkanDefine a frontend UI protocol enforcing ultra-minimal editorial styling across components.
bajajvinamrCreate a cohesive design system with typography, color, spacing, and motion rules.
