·tool-design-style-selector
*

tool-design-style-selector

heyvhuang/ship-faster

當您需要定義或聚合項目的視覺方向時使用。掃描專案文件以識別意圖,然後產生 design-system.md(保留現有樣式或從 30 個預設中進行選擇)。觸發因素:設計系統、設計規格、UI 風格、視覺風格、設計標記、調色盤、排版、版面。流程:掃描→意圖→(閘)保留與預設→確認後部署design-system.md→(預設)依據design-system.md實作UI/UX(先規劃,然後執行)。

6安裝·0熱度·@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 中使用

這個 Skill 的原始碼在哪?

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