
项目概述
design-taste-frontend(行业内常称 tasteskill)是目前极具影响力的 AI 前端审美调节技能。它创新性地提出了 三旋钮系统(The Three Dials),让开发者能够以参数化的方式精确约束大模型的输出审美与视觉密度。
核心特性
- 🎛️ 三旋钮精密控制:通过
DESIGN_VARIANCE(创意张力 1-10)、MOTION_INTENSITY(动效强度 1-10)与VISUAL_DENSITY(视觉密度 1-10)参数化调控。 - 🗺️ 官方设计系统精准映射:根据需求自动映射至最佳设计底座(如 shadcn/ui、Radix、Tailwind v4 等)。
- 🔍 严格的预审机制(Pre-flight Check):先推导设计定位与审美语调,再动手生成代码,拒绝盲目猜测。
- ⚡️ 极致的工程师美学:深度契合 Linear / Raycast / Vercel 极简高质感设计风格。
快速上手与示例代码
npx skills add leonxlnx/taste-skill@design-taste-frontend技术选型建议与适用场景
- 非常适合:需要精确控制 AI 前端页面审美风格(如偏极简或偏艺术风)的开发者及团队。
讨论与评价
分享你对该组件库的上手体验、优缺点或建议...
暂无讨论。欢迎分享你对该组件库的上手体验、优缺点或建议!
相关组件推荐
基于同类与技术栈推荐23rd
192
由 radiumcoders 打造的开源 shadcn/ui 组件注册表,提供 WebGL 着色器、趣味 404 与交互式展示组件,Copy-Paste 装进仓库即装即改。
动效动画源码拷贝React+2
动效动画详情
Duolingo UI (ShadLingo)
126k+
基于 shadcn/ui v4 与 Tailwind CSS 深度定制的 Duolingo 风格设计系统与组件库,完整复刻多邻国标志性的 3D 按钮弹簧投影、高饱和猫头鹰绿与游戏化卡片交互。
源码拷贝设计令牌Gamification+3
源码拷贝详情
Rewamp UI
192
专为现代 Web 开发者打造的高互动性 React 动效组件库,深度整合 Tailwind CSS 4、Framer Motion 与 Three.js WebGL 特效,提供无捆绑的 Copy-Paste 源码直达体验与专有 CLI 工具。
源码拷贝MotionReact+3
源码拷贝详情