Transform a product brief into a complete design system and DESIGN.md.
npx skills add https://github.com/fghaffar/faystack --skill design-consultation-fghaffar
Please help me install this Agent Skill. Skill: design-consultation Source: https://github.com/fghaffar/faystack/tree/main/design-consultation Command: npx skills add https://github.com/fghaffar/faystack --skill design-consultation-fghaffar
## What problem does it solve? Design-consultation helps product teams turn vague briefs into a coherent, production-ready design system including typography, color, layout, spacing, and motion, with DESIGN.md as the single source of truth.
## Core Features & Use Cases
### Quick Start Ask me to design a complete design system for your project.
High-intent search queries and answers about installing and using this skill.
To create a design system from a product brief, provide your product and brand context. The system generates a complete DESIGN.md covering typography, color, layout, spacing, and motion with previews.
A DESIGN.md file serves as the single source of truth for your project's design system. It consolidates typography, color, layout, spacing, and motion guidelines to maintain UI coherence during development and redesigns.
Yes, you can generate typography and color previews for new products. Input your product brief to receive a complete design system that includes visual font and color previews alongside the DESIGN.md file.
The best way to document design rules is by generating a DESIGN.md file. It captures your layout, spacing, and motion guidelines alongside typography and color, acting as the central source of truth for implementation.
No, you do not need an existing design system. This process is specifically useful when starting a UI with no existing design system, transforming vague briefs into production-ready design guidance.
You can use this for both new projects and redesigns. It transforms product briefs into a coherent, production-ready design system, making it suitable for establishing initial designs or reviewing and updating existing ones.
jamesrochabrunGenerate Markdown design briefs with defined sections from structured inputs.
nidhalboumaiza-0Convert UI style requirements into frontend code with a tokens-first design system.
Adelie-SquadCreate and apply design tokens for color, typography, and spacing.
Lev-itGenerate DESIGN.md design system specifications for Google Stitch.
