family-taste-skill
让AI设计的UI具备Family产品般的生命感与温度
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：family-taste-skill。 它的用途是：让AI设计的UI具备Family产品般的生命感与温度 完整的 Skill 内容见：https://321skill.com/skills/family-taste-skill/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“为我设计一个交易仪表板。” 它会应用Family Taste原则，确保界面简洁（一次只突出一个主要操作）、过渡流畅（使用共享元素动画和缓动曲线）、并注入愉悦感（例如为关键数据变化添加优雅的动画）。最终生成的UI代码将感觉生动、有意且充满温度。
介绍
这个Skill旨在解决AI生成的UI界面普遍存在的“冰冷”、“机械”和“缺乏设计意图”的问题。它将备受赞誉的Family产品的设计哲学编码成具体规则，让AI在构建任何用户界面时，都能自动融入生命感与温度。
使用时，只需在AI编码代理中安装此Skill。之后，每当AI需要构建前端界面、组件、页面、仪表板或应用时，它会自动应用Family设计哲学的三项核心原则：简洁性、流畅性和愉悦感，确保输出结果感觉是精心设计的，而非通用的AI产出。
它非常适合前端开发者、产品设计师、全栈工程师以及任何希望快速生成高质量、有情感共鸣的用户界面的开发者。当用户需要快速原型设计、优化现有界面体验，或希望AI产出超越普通模板的独特设计时，这个Skill尤为有用。
与专注于视觉美学的frontend-design等Skill不同，Family Taste Skill的核心区别在于它专注于界面的“感觉”和“交互质量”。它不规定具体的颜色、字体或布局，而是通过一系列交互原则（如渐进式呈现、无缝过渡、选择性强调）来塑造产品的整体气质和用户体验的流畅度，从而与同类工具形成互补。
核心特点
本Skill不提供具体的视觉样式库，而是将Family产品广受好评的“生命感”设计哲学（简洁性、流畅性、愉悦感）编码为可执行的交互原则，从根本上提升AI产出UI的“气质”与“温度”，与仅提供组件库或样式指南的Skill有本质区别。
注意事项
不适合对UI交互细节无要求、仅需基础功能实现或纯粹后端逻辑开发的场景。
常见问题
这个Skill和前端组件库有什么区别？
它不是组件库，而是一套设计哲学和交互原则。它指导AI如何构建界面“感觉”，而非提供现成的视觉组件。
安装后会影响AI生成非UI代码吗？
不会。Skill主要在设计用户界面时被触发，不会干扰后端逻辑或数据处理等非UI任务的生成。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/family-taste-skill/raw/index.md 读取 family-taste-skill 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/family-taste-skill/raw/index.md（查看排版版本）