SuperAPI AI 工具集

tool-design-style-selector

设计与创作

查看项目

更新于 10-15 21:38

技能介绍

用途:为项目定义或收敛视觉方向。先扫描 README、package.json/pyproject.toml/Cargo.toml、Claude.md/agent.md/AGENTS.md、src 或 app 目录、现有样式文件(tailwind.config、globals.css)及品牌资源,提取项目类型、目标用户、品牌调性、技术栈和既有设计约束。

主要能力:支持两种路径。其一为保留既有风格,将现有 UI 反向抽取为 design-system.md(适合已成熟的项目,仅做文档化与轻度统一);其二为从 30 个预设样式中推荐并应用,例如 05-saas、08-swiss-minimalist、13-neo-brutalism、19-minimal-dark。预设样式位于 styles/,由 styles-index.md 建立 ID→文件名→主题的索引。

使用方式:先扫描项目并分析意图;对已有 UI 的项目先做“风格成熟度”评估,输出证据后用一个选择题让用户选择保留风格、使用预设或混合方案。随后给出 Top 3 风格建议,用户确认后部署:复制所选样式文件、重命名为 design-system.md,放在项目根目录或 docs/、.cursor/、.claude/;若存在 Claude.md 或 agent.md,则在其顶部添加引用。若安装了 tool-ui-ux-pro-max,默认调用其搜索脚本丰富排版、配色、UX 与栈相关约束,例如:python3 ~/.claude/skills/tool-ui-ux-pro-max/scripts/search.py "<关键词>" --domain typography。最后默认按 design-system.md 实施 UI(先 token 与全局样式,再组件层,再页面层),可对改造计划设确认点与回滚方式。

限制:资料未提供价格、平台支持范围与实际效果数据。若用户只要文档不要改 UI,则跳过实施步骤并记录原因;design-system.md 已存在时需询问是否替换。