tool-design-style-selector
✓Use when you need to define or converge a project's visual direction. Scan project documentation to identify intent, then produce a design-system.md (either preserve existing style or pick from 30 presets). Triggers: design system, design spec, UI style, visual style, design tokens, color palette, typography, layout. Flow: scan → intent → (gate) preserve vs preset → deploy design-system.md after confirmation → (default) implement UI/UX per design-system.md (plan first, then execute).
Installation
SKILL.md
Scan project, identify intent, recommend and deploy the most suitable design system style.
1) Preserve existing style and extract it into design-system.md (recommended when the project already looks “mature”), or 2) Apply one of 30 preset styles and generate design-system.md.
Step 2.5: Existing Style Gate (For existing projects, first determine whether to "preserve style")
Use when you need to define or converge a project's visual direction. Scan project documentation to identify intent, then produce a design-system.md (either preserve existing style or pick from 30 presets). Triggers: design system, design spec, UI style, visual style, design tokens, color palette, typography, layout. Flow: scan → intent → (gate) preserve vs preset → deploy design-system.md after confirmation → (default) implement UI/UX per design-system.md (plan first, then execute). Source: heyvhuang/ship-faster.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/heyvhuang/ship-faster --skill tool-design-style-selector- Source
- heyvhuang/ship-faster
- Category
- *Creative Media
- Verified
- ✓
- First Seen
- 2026-02-17
- Updated
- 2026-02-18
Quick answers
What is tool-design-style-selector?
Use when you need to define or converge a project's visual direction. Scan project documentation to identify intent, then produce a design-system.md (either preserve existing style or pick from 30 presets). Triggers: design system, design spec, UI style, visual style, design tokens, color palette, typography, layout. Flow: scan → intent → (gate) preserve vs preset → deploy design-system.md after confirmation → (default) implement UI/UX per design-system.md (plan first, then execute). Source: heyvhuang/ship-faster.
How do I install tool-design-style-selector?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/heyvhuang/ship-faster --skill tool-design-style-selector Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/heyvhuang/ship-faster
Details
- Category
- *Creative Media
- Source
- skills.sh
- First Seen
- 2026-02-17