正在打开每日关注
正在打开每日关注
以设计起稿、专业审查、细节打磨和多端适配，系统减少 AI 前端产出的同质化与设计失误。
分享下我的工作流，大概是如下这样的: 用/frontend-design起稿，让AI先给出一个有设计感的初版。 然后用Impeccable 这个 Skill 套件里的/critique做专业审查，站在设计师的角度找出问题。 再用/polish和/optimize打磨细节和性能。 最后用/adapt做不同屏幕的适配。
发现一个 33k+ star 的前端设计 skill：Impeccable，专门用来让 AI 做出更好的前端设计，不是教 AI 写代码，而是教它什么是好设计、什么是 AI slop。 GitHub：https://t.co/2hD947suZ3 在线体验：https://t.co/0vHpZWzt2z 它解决的问题是：所有模型都在同一批 SaaS 模板上训练，不加引导就会输出同一套东西——Inter 字体、紫蓝渐变、卡片套卡片、灰色文字放彩色背景、每个标题上方都有圆角方块图标。 Impeccable 提供 7 个领域参考文件（排版、配色、动效、空间、交互、响应式、UX 文案），23 个设计指令（polish / audit / critique / distill / animate / bolder / quieter 等），27 条确定性反模式规则 + 12 条 LLM 评审规则，CLI 和浏览器扩展可以无需 LLM 直接检测反模式。 支持 Cursor、Claude Code、Gemini CLI、Codex CLI、OpenCode、Pi、GitHub Copilot、Trae、Rovo Dev、Qoder 等十几个工具，提供 CLI 一键安装，自动检测你的 harness 并写入正确位置。 适合用 AI 做前端开发、希望输出不落俗套的开发者；需要建立团队设计规范、想让 AI 遵循统一设计语言的产品团队；想快速审查 AI 生成前端代码设计质量的设计师；做 AI 原型工具或 AI IDE 插件、需要内置设计指导的开发者。 需要让 AI 输出更好的前端设计、避免 AI slop，这个 skill 可以试试。
是什么
这是一条 AI 前端设计工作流：用 /frontend-design 起稿，/critique 审查，/polish 与 /optimize 打磨，/adapt 适配多屏。按推文描述，Impeccable 将设计参考、设计指令、反模式检测和 AI 工具接入组合成套件；给定材料没有仓库 README，具体实现不作延伸判断。
核心设计
它把一次性生成拆成生成、批评、修正、优化和适配五个质量门。排版、配色、空间、动效、交互、响应式与 UX 文案等参考，加上确定性规则和 LLM 评审，试图把隐性的设计经验变成 Agent 可复用的约束。
关键洞察
真正可借鉴的不是命令名称，而是阶段化协议：为每步规定输入、检查维度和完成标准。这样能针对 Inter 字体、紫蓝渐变、卡片套卡片等 AI slop 做定向反馈，既服务快速原型，也支持团队统一设计语言。
边界与风险
反模式规则不是设计真理，可能误伤品牌化或实验性界面；性能优化不能牺牲可读性与无障碍，响应式也不应最后才补丁式处理。落地仍需品牌 token、用户场景、设备基线和人工验收。无视觉证据，无法验证仓库实现或最终效果。