taste-skill
为AI前端代码注入高级设计品味，告别平庸UI。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：taste-skill。 它的用途是：为AI前端代码注入高级设计品味，告别平庸UI。 完整的 Skill 内容见：https://321skill.com/skills/taste-skill-bnd-1/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“用Next.js和Tailwind生成一个产品展示页，设计感强一些。” 它会基于Taste Skill的基线配置，生成一个视觉密度适中、带有恰当动效、且严格遵守组件架构与视口稳定性的页面代码，并自动检查所需依赖。如果你说：“动效再强一点”，它会动态将MOTION_INTENSITY调高，生成更具 cinematic 感的交互效果。
介绍
Taste Skill 旨在解决AI生成前端代码时普遍存在的设计平庸、缺乏专业审美和工程规范的问题。它通过预设一套高级设计工程规则，强制AI在生成React/Next.js代码时遵循严格的视觉密度、动效强度和设计差异度基线，从而产出更专业、更具美感的用户界面。
使用时，你只需在AI编码工具中启用此Skill，它便会自动生效。你可以通过聊天指令动态调整其核心设计参数（如设计差异度、动效强度），但Skill会坚守其默认的高品质基线（8, 6, 4），并强制执行依赖检查、语言保留、禁用表情符号等关键工程规范。
该Skill非常适合追求产品界面品质的前端开发者、全栈工程师以及产品经理。当你需要AI快速生成一个不仅能用，而且好看、体验流畅的前端组件或页面时，它能确保输出结果超越AI的默认“平均审美”。
与同类提升代码质量的Skill相比，Taste Skill的独特之处在于它并非仅仅优化代码结构或性能，而是专注于“设计工程”这一交叉领域。它像一位资深UI/UX工程师，用可量化的规则（如CSS硬件加速、严格的组件架构）覆盖LLM的默认设计偏见，直接提升视觉产出的专业级水准。
核心特点
核心区别在于其“设计工程”导向，通过预设并动态调整可量化的设计基线（如视觉密度8、动效强度6），强制纠正AI的平庸设计倾向；同时强制执行如“语言保留”、“视口稳定性”、“禁用表情符号”等具体工程规则，确保产出兼具美感与稳健性。
注意事项
不适合追求极简、无动效或需要完全自由、不受任何设计框架约束的快速原型搭建场景。
常见问题
这个Skill会影响我现有项目的中文内容吗？
不会，它强制保留项目原有语言，绝不会将中文翻译成英文。
它能和哪些AI工具一起用？
它是一个通用的Skill，理论上适配支持Skill系统的AI编码工具，如Cursor。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/taste-skill-bnd-1/raw/index.md 读取 taste-skill 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/taste-skill-bnd-1/raw/index.md（查看排版版本）