用途:为 UI 结构、视觉设计、交互模式与体验质量提供带优先级的设计建议,覆盖新建页面、组件重构、配色/排版/间距/布局系统选择、无障碍与一致性评审、导航/动效/响应式实现等。纯后端逻辑、API/数据库设计、非视觉性能与基础设施任务不适用。
主要能力:本地可检索数据库包含 84 种样式、192 套配色、74 组字体搭配、192 种产品类型及推理规则、98 条 UX 指南、104 条图标条目、16 个 GSAP 动效预设、25 种图表类型,覆盖 22 个技术栈。规则按优先级 1→10 排列:无障碍、触控与交互、性能、样式选择、布局与响应式、排版与颜色、动画、表单与反馈、导航模式、图表与数据。
使用方式:先定位技能根目录并确认 Python 3.x 可用,然后运行 python "<skill-root>/scripts/search.py" "<query>" --domain <domain>。新页面或新项目建议先用 --design-system 生成完整设计系统,可加 -p 指定项目名;需要跨会话保存时加 --persist 并始终用 --output-dir 指向项目根目录,会生成 design-system/<project-slug>/MASTER.md 与 pages/ 覆盖目录,已有 MASTER.md 时默认跳过,需 --force 才覆盖。可选设计旋钮 --variance、--motion、--density 各取 1-10 调整输出。补充检索可用 --domain(product、style、color、typography、google-fonts、chart、ux、landing、icons、gsap、react、web 等),实现细节用 --stack 指定技术栈。
限制:全部数据与脚本在本地,无网络访问与缓存;脚本运行完成即退出码 0,包括 0 结果。若出现 python 未找到可尝试 python3 或 py -3;若报 CSV 文件缺失说明安装不完整,不应编造数据。0 结果时应换更宽泛关键词重试一次,仍为空则回退到内置优先级表并明确说明并非数据库匹配。自动识别 domain 可能误判重叠词,结果偏题时显式传 --domain。技术栈需从项目文件检测,不可硬编码默认值。