81.5K星开源项目：13个Anti-Slop前端设计Skill

81.5K 🌟 Anti-Slop 前端设计品味 Skills

Taste Skill - @LexnLin https://github.com/leonxlnx/taste-skill

13 个 Skill 分两类：代码输出实现、图像生成

1. 代码输出实现类 · taste-skill（默认，v2 实验版）：通用技能，约 1200 行 · taste-skill-v1：旧版保留，供依赖精确行为的用户钉住 · gpt-taste：针对 GPT/Codex 的更严格变体 · image-to-code："先生成参考图 → 分析 → 再写代码"流水线 · redesign：存量项目，先审计再改造 · soft / minimalist / brutalist：三种既定视觉方向（高端柔和 / Notion 式极简 / 工业粗野） · output：强制完整输出，禁止占位符截断 · stitch：输出 Google Stitch 兼容的 DESIGN.md

2. 图像生成 imagegen-frontend-web、imagegen-frontend-mobile、brandkit，用于配合图像模型生成设计参考稿，再交给 Coding Agents 实现

taste-skill (v2) 的方法论

§0 简报推断：先"读空气"——页面类型、氛围词、参考链接、受众、隐性约束，输出一行 Design Read；歧义时只准问一个问题。核心论点是：LLM 设计差的根源是跳过理解直接套默认审美。 §1 三旋钮配置：DESIGN_VARIANCE（布局实验度）、MOTION_INTENSITY（动效深度）、VISUAL_DENSITY（信息密度），各 1-10，并附"信号 → 数值"推断矩阵和场景预设表。 §2 设计系统映射：简报指向 Fluent / Material / Carbon / Polaris / GOV. UK 等时，必须用官方包而非手写仿造；对玻璃拟态、Bento 等"无官方包的美学"则要求诚实标注为实现近似（如明确声明不存在官方 liquid-glass.css）。 §4 设计工程指令：大量从实测失败中提炼的硬规则——Serif 纪律（禁默认 Fraunces/Instrument Serif）、"LILA 规则"（禁默认 AI 紫）、高端消费品"米色+黄铜"色板禁令及替代色板轮换、Hero 纪律（标题 ≤2 行、副文 ≤20 词）、Eyebrow 标签每 3 个 section 最多 1 个、颜色/圆角/主题三把"一致性锁"等。 §5 动效规范：给出 GSAP Sticky-Stack、横向滚动劫持、Motion 渐显的规范代码骨架，并硬性禁止 window.addEventListener('scroll') 等反模式。 §9 AI 破绽目录 + 破折号全面禁令：编目了数十种"看起来很 AI"的签名式模式（编号 eyebrow、装饰性状态点、div 假截图、"Quietly in use at" 文案等），其中 em-dash 被列为"头号破绽"全面禁用。 §11 改版协议：区分绿地/保留式改版/颠覆式改版，先审计后动手，明确列出"不得静默更改"清单（URL、导航标签、表单字段、品牌标识、法律文案），并指出 SEO 迁移是改版头号风险。 §14 出厂前检查：约 60 项机械化清单，任何一项不过即视为未完成。