用途概括原始 v1 前端审美技能，保留精确向后兼容行为，用于 React/Next.js UI 生成。强制基线设计差异度、动效、密度配置，规范架构（Tailwind、RSC、依赖校验）与反模板规则（排版、色彩、布局）。产出高级非通用代码，含完整交互态与性能防护。
业务领域
CodingDesign
技能形态
Style GuideWorkflow
业务领域
技能形态
技能解析
剖析技能的工作原理和产出物，快速判断你的场景与价值。
在生成前端 UI 代码（React/Next.js）且用户需要精确的 v1 taste-skill 行为以保证向后兼容时。通常用于依赖 v1 输出的落地页、作品集或重设计项目。
符合 v1 标准的高级、非通用前端代码：结构化、响应式、带动效、具备完整交互状态且无模板化模式。
使用场景
某团队维护依赖 v1 taste-skill 输出的遗留产品，需新增页面与现有 v1 代码在视觉与结构上完全一致。通过调用 design-taste-frontend-v1，代理复现相同基线配置与反模板规则，确保 UI 一致且无 v2 重写副作用，节省返工并维护品牌连贯性。
开发者审计由 v1 技能生成的旧代码库，希望扩展新组件。使用 design-taste-frontend-v1 可套用精确 v1 规范（RSC 安全、Tailwind 版本锁、禁表情），避免新版本错配模式，保证扩展如同原生旧系统。
技能关系
依赖关系读作「上一格指向下一格」。当前 Skill 位于第二格，上下分别是影响它与被它影响的 Skill。
第一层 · 这些 Skills 用了我
第二层 · 当前 Skill
第三层 · 我用了这些 Skills
在所属技能集的全局上下文中浏览当前 Skill 的关系。点击节点切换右侧详情,搜索框可快速定位技能。
技能文件