·tool-design-style-selector
*

tool-design-style-selector

heyvhuang/ship-faster

プロジェクトの視覚的な方向性を定義または集約する必要がある場合に使用します。プロジェクトのドキュメントをスキャンして意図を特定し、design-system.md を作成します (既存のスタイルを保持するか、30 のプリセットから選択します)。トリガー: デザイン システム、デザイン仕様、UI スタイル、ビジュアル スタイル、デザイン トークン、カラー パレット、タイポグラフィ、レイアウト。フロー: スキャン → インテント → (ゲート) プリセットと保存 → 確認後に design-system.md をデプロイ → (デフォルト) design-system.md ごとに UI/UX を実装 (最初に計画し、次に実行)。

7インストール·1トレンド·@heyvhuang

インストール

$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")

プロジェクトの視覚的な方向性を定義または集約する必要がある場合に使用します。プロジェクトのドキュメントをスキャンして意図を特定し、design-system.md を作成します (既存のスタイルを保持するか、30 のプリセットから選択します)。トリガー: デザイン システム、デザイン仕様、UI スタイル、ビジュアル スタイル、デザイン トークン、カラー パレット、タイポグラフィ、レイアウト。フロー: スキャン → インテント → (ゲート) プリセットと保存 → 確認後に design-system.md をデプロイ → (デフォルト) design-system.md ごとに UI/UX を実装 (最初に計画し、次に実行)。 ソース: heyvhuang/ship-faster。

原文を見る

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/heyvhuang/ship-faster --skill tool-design-style-selector
カテゴリ
*クリエイティブ
認証済み
初回登録
2026-02-17
更新日
2026-02-18

クイックアンサー

tool-design-style-selector とは?

プロジェクトの視覚的な方向性を定義または集約する必要がある場合に使用します。プロジェクトのドキュメントをスキャンして意図を特定し、design-system.md を作成します (既存のスタイルを保持するか、30 のプリセットから選択します)。トリガー: デザイン システム、デザイン仕様、UI スタイル、ビジュアル スタイル、デザイン トークン、カラー パレット、タイポグラフィ、レイアウト。フロー: スキャン → インテント → (ゲート) プリセットと保存 → 確認後に design-system.md をデプロイ → (デフォルト) design-system.md ごとに UI/UX を実装 (最初に計画し、次に実行)。 ソース: heyvhuang/ship-faster。

tool-design-style-selector のインストール方法は?

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/heyvhuang/ship-faster --skill tool-design-style-selector インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります

ソースリポジトリはどこですか?

https://github.com/heyvhuang/ship-faster