SuperAPI AI 工具集

tool-design-style-selector

设计与创作

查看项目

更新于 10-15 22:13

技能介绍

用途:当需要定义或收敛项目的视觉方向时,该技能会扫描项目文档与代码,识别项目意图,然后生成 design-system.md。它支持两种路径:保留现有风格并反向提取为设计系统文档(适合已较成熟的项目),或从 30 个预设风格中选择一个并生成 design-system.md。

主要能力:扫描 README、package.json/pyproject.toml/Cargo.toml、Claude.md/agent.md/AGENTS.md、src 或 app 目录结构、现有样式文件(tailwind.config、globals.css)及品牌资产;分析项目类型、目标用户、品牌调性、技术栈与现有设计约束;对已有 UI 的项目先做风格成熟度评估,再给出保留、替换或混合三种策略;推荐 Top 3 匹配风格并给出匹配分与理由;部署时将所选风格文件复制并重命名为 design-system.md,放在项目根目录或 docs/、.cursor/、.claude/,并在 Claude.md/agent.md 顶部添加引用;默认还会按 design-system.md 制定并执行 UI/UX 改造计划。

使用方式:风格文件位于 styles/,由 styles-index.md 索引(ID → 文件名 → 主题)。预设示例包括 05-saas、08-swiss-minimalist、13-neo-brutalism、19-minimal-dark。若安装了 tool-ui-ux-pro-max,默认运行其搜索脚本补充排版、配色与 UX 约束,例如:python3 ~/.claude/skills/tool-ui-ux-pro-max/scripts/search.py "<brand tone keywords>" --domain typography;也可用 --domain color、--domain ux、--stack nextjs 等参数。

适用场景:需要为 SaaS、企业站、电商、博客、工具、游戏等项目确定统一视觉规范,或统一已有项目中不一致的组件与样式。

限制:资料未提供具体收费、价格、平台支持范围与效果保证;若用户明确只要文档不改 UI,可跳过实现步骤并记录原因;若 design-system.md 已存在,需询问是否替换。