codeswithroh/tastemaker

解决的问题

AI生成的用户界面常常陷入一种‘单一文化’的通用设计——通常表现为靛蓝到紫色的渐变和带有柔和阴影的卡片，因为模型缺乏扎实的设计品味和对用户偏好的记忆。Tastemaker为编码代理提供了一个结构化的设计系统和一组计算约束，以确保UI看起来专业、独特且具有可访问性。

如何工作

Tastemaker作为编码代理（如Claude Code、Windsurf和Gemini CLI）的技能运行，用严格的設計工作流程取代通用默认值：

• 计算生成调色板： 不再从列表中选择，而是使用Python脚本根据项目的“氛围”（如：高端、技术性、趣味性）基于OKLCH色彩空间生成全新的、经过对比度验证的调色板。
• 基于像素的提取： 通过脚本读取参考图像的实际像素值，而不是依赖模型对“氛围”的文本描述。
• 强制约束： 对比度矩阵脚本（check_contrast.py）通过数学方式验证颜色组合是否符合WCAG可访问性标准，将可读性视为硬性约束而非建议。
• 防懒散扫描： 专用脚本（anti_slop_scan.py）会标记常见的AI设计套路，如通用渐变、h-screen的使用和占位符文本。
• 持久记忆： 设计决策被锁定在本地文件（.tastemaker/style-lock.md）中，个人偏好存储在全局配置文件（~/.tastemaker/profile.md）中，以在会话和项目间保持一致性。

适用人群

希望在不手动管理设计系统或对抗模型默认美学倾向的情况下，构建高质量、视觉上独特的着陆页和应用界面的AI编码代理使用者。

主要亮点

• 动态调色板生成器： 根据氛围和和谐规则，为每个项目生成独特且可读的配色方案。
• 真实资产获取： 与Openverse、Iconify和unDraw集成，获取无版权负担的图片、图标和插图。
• 无需Firestore的本地执行： 完全在用户机器上运行，无需托管后端或API密钥。
• 动画集成： 默认实现GSAP和ScrollTrigger以提供专业级动画，并配有审计脚本防止常见动画错误。
• 设计锁定： 通过在项目专用日志和持久用户配置文件中记录决策，防止“风格漂移”。