·tool-design-style-selector
*

tool-design-style-selector

heyvhuang/ship-faster

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).

6Installs·0Trend·@heyvhuang

Installation

$npx skills add https://github.com/heyvhuang/ship-faster --skill tool-design-style-selector

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.

View raw

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
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