用途:处理任何前端实现、样式、重设计、原型或视觉决策,目标是达到资深设计师水准,而非仅“正确但平淡”。
主要能力:以路由方式组织四套规则集——design(设计品味与品牌系统)、perfection(性能/SEO/可访问性审计)、ui-ux-db(可搜索的设计数据库 CLI)、designpowers(设计上下文与评审)。支持从截图或 URL 提取设计令牌、生成 DESIGN.md 作为实现契约、交互与氛围动画、打印分页媒体、React 开发工具接入等。
使用方式:动手前先声明请求路由到的参考文件及理由,再精确阅读。实现前必须选择分支:有具体视觉参考则走 image-to-code 或 clone-from-url;全新项目需并行完成设计研究并写入 DESIGN.md 的 Research Log;已有 DESIGN.md 则遵循并更新;有 UI 但无 DESIGN.md 时须先向用户确认保留现状还是先抽取设计系统。审计命令示例:uv run $SKILL_DIR/scripts/perfection/lighthouse-audit.py https://localhost:3000,需先构建生产版本,移动与桌面各跑 3–5 次取中位数。ui-ux-db 查询示例:python3 $SKILL_DIR/references/ui-ux-db/scripts/search.py "<query>" --design-system -p "Project"。
适用场景:落地页、仪表盘、组件库、动效、品牌风格复刻、性能与可访问性审计等。
限制:资料未提供具体收费、价格、平台支持范围与效果保证;部分工具或网络不可用时需在 DESIGN.md 中注明跳过。