用途:ui-ux-pro-max 是 Pi-CEO 设计栈的全流程编排技能,把设计情报、组件构建、审计、视觉 QA 四层串成一条端到端工作流,适用于“值得认真交付”的界面任务。简单文案修改、图标替换、非 UI 代码或仅阅读现有代码时无需使用。
主要能力与流程:
- 上下文阶段:读取 DESIGN.md 确认 token、字体栈与动效规则;可运行 npx getdesign@latest add <brand> 引入参考品牌设计,或用 npx skillui --url https://reference.example.com --mode ultra 从参考站点构建;先定义三个刻度 DESIGN_VARIANCE、MOTION_INTENSITY、VISUAL_DENSITY(1–10)。
- 组件简报:编码前写简报,含组件名、上下文、刻度、所需状态、数据形状、参考与所用 token。
- 构建:生成 3 个变体再选一,要求覆盖全部状态、异步骨架屏、TypeScript props 接口与具名导出、禁止硬编码十六进制色值、动画加 prefers-reduced-motion、键盘可导航且有可见焦点环。
- 审计:使用本地安装的 impeccable(~/.claude/skills/impeccable,pbakaus/impeccable v3.9.1),运行 /impeccable audit [component-name],需达 16/20 以上且无 P0/P1;再运行 npx impeccable detect src/components/[ComponentName].tsx。
- 视觉 QA:用 Playwright 在 375、768、1280、1920 断点及深色模式截图,运行视觉回归测试,并用视觉模型对比设计稿与实现。
- 交付清单:确认 token 使用、8 种状态、骨架屏、仅动画 transform 与 opacity、aria-label、无占位内容、键盘导航、响应式与检测结果等。
限制:资料未提供收费、价格、平台支持范围与效果保证等信息;部分命令与工具依赖本地环境与既有基线,缺失事实暂未提供。