SuperAPI AI 工具集

design-taste-frontend-v1

前端与建站

查看项目

更新于 10-16 01:36

技能介绍

用途:这是一份面向 AI 的前端设计技能规范,用于指导生成高质量、非模板化的界面。它保留 v1 的精确行为,适合依赖该版本输出的项目;当前默认版本为 design-taste-frontend(v2 实验版)。

主要能力:定义三项基线参数——DESIGN_VARIANCE 8、MOTION_INTENSITY 6、VISUAL_DENSITY 4,并据此驱动后续规则。内容涵盖默认技术栈约定(React/Next.js、Server Components、Tailwind CSS)、依赖校验、图标库选择、排版与配色校准、布局多样化、交互状态(加载/空/错误/触感反馈)、表单与数据模式、性能护栏(仅动画 transform 与 opacity、避免 h-screen、用 min-h-[100dvh])、以及禁止的 AI 设计套路(如禁用 Inter 字体、纯黑、霓虹光晕、三列卡片、通用假名与假数据等)。还提供高级创意概念清单,如 Bento Grid、磁性按钮、玻璃拟态、滚动叙事等。

使用方式:作为技能文件加载后,AI 按其中的基线值生成前端代码;用户可在对话提示中显式覆盖这些值。导入第三方库前须检查 package.json,缺失时先输出安装命令。

适用场景:需要生成具有设计品味、避免通用 AI 风格的 React/Next.js 前端界面。

限制:资料未提供具体安装命令、收费方式、平台支持范围或效果保证;部分规则依赖具体项目环境(如 Tailwind 版本、已安装图标库),需按实际项目核对。