Implement a 9-phase design system for dashboards, SaaS UIs, and admin interfaces.
npx skills add https://github.com/mcouthon/agents --skill design-mcouthon
Please help me install this Agent Skill. Skill: design Source: https://github.com/mcouthon/agents/tree/main/.github/skills/design Command: npx skills add https://github.com/mcouthon/agents --skill design-mcouthon
Design consistency and speed across complex products. Aligns product vision with visual language for dashboards, SaaS UIs, and admin interfaces, reducing rework and design drift.
Begin by selecting a design direction for your product and work through Part 1 to set typography, color, and motion guidelines.
High-intent search queries and answers about installing and using this skill.
A 9-phase design system method establishes premium UI direction for SaaS dashboards by defining typography, color, shadows, motion, and layout guidelines. This aligns product vision with visual language to reduce rework and design drift.
The best way to define UI design direction is to select a visual style and translate it into concrete craft principles for typography, color, layout, and motion. This establishes a reusable foundation for fast, consistent interface delivery across complex products.
Yes, the 9-phase design method applies directly to admin interfaces and enterprise apps. It guides layout, typography, color, shadow, and motion decisions specifically for dashboards, SaaS UIs, and admin consoles, ensuring polished, consistent delivery.
Translate design direction into craft principles by working through a structured framework that sets explicit typography, color, and motion guidelines. This ensures visual language decisions are concrete, reusable templates rather than isolated choices.
Dashboard UI design drift occurs when product vision lacks an aligned visual language and defined craft principles. Establishing a structured 9-phase design system before implementation prevents inconsistent styling and reduces rework across complex products.
rafael-hcGuide UI discovery and generate atomic HTML/CSS components.
nidhalboumaiza-0Convert UI style requirements into frontend code with a tokens-first design system.
magic3007Translate frontend requirements into production-ready UI with code samples.
hyperfinity-techEnforce a minimalist design system for enterprise SaaS dashboards.
