·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