用途:审查 React、Tailwind 或 HTML 界面代码,判断 UI 为何显得通用、未完成或“像 AI 生成”,并给出可执行的修复建议。它针对单个文件或整个目录运行,输出 0–100 的设计评分与优先修复清单;不会在未经要求时修改或删除文件。
主要能力:按七大类别扣分评分,总分 100:一致性 20(混用圆角、多种强调色、用 emoji 当 UI 图标、混用阴影与图标风格、控件高度不统一);色彩纪律 16(纯黑文字、硬编码色值、状态色滥用、仅靠颜色传达状态、对比度低于 WCAG AA);层级与字体 16;布局与间距 12(内容未置于卡片、非 8px 网格、间距层级错误);状态 12(缺少空/加载/错误状态);UX 文案 12(按钮不指明动作、错误文案指责用户、同概念多词);动效与打磨 12。每类扣至 0 分,总分对应等级:90+ A、80–89 B、70–79 C、60–69 D、低于 60 F。
使用方式:让技能读取目标文件或目录,基于真实证据(引用行号)逐项扣分,按得分增益而非单纯严重程度排序修复项。目录审查时先给每个文件一行评分,再展开最低分文件的完整明细。评分示例格式为“## Design Score: 72 / 100 (src/Dashboard.tsx) C”,随后列出各类得分与“Fix first”清单。建议作为质量门:生成 UI 后立即审查、应用修复清单、重新评分至约 80 分以上再交给用户。
适用场景:界面显得不对劲却说不清原因时;需要设计评分或发布前检查时;用户要求让 UI 更专业、更精致时;AI 生成界面后交付前验证。
限制:完整 74 条规则与组件见 https://github.com/bitjaru/styleseed,该技能基于 StyleSeed(MIT 开源设计引擎)。仅在任务与来源和本地项目上下文明确匹配时使用;应用改动前需验证命令、生成代码、依赖、凭据与外部服务行为;示例不能替代环境相关测试、安全审查或对破坏性/高成本操作的用户批准。除上述内容外,安装命令、平台支持与价格信息暂未提供。