SuperAPI AI 工具集

design-taste-frontend-v1

前端与建站

查看项目

更新于 10-15 21:36

技能介绍

用途:这是一份面向 AI 生成前端界面的设计规范技能,用于约束 React/Next.js 项目的视觉与交互产出,避免通用化、模板化的 AI 设计。资料说明它是原始 v1 版本,为依赖其精确行为的项目保留,当前默认版本为 design-taste-frontend(v2 实验版)。

主要能力:以三项基线参数驱动生成——DESIGN_VARIANCE 8、MOTION_INTENSITY 6、VISUAL_DENSITY 4,并允许按用户明确要求动态覆盖。规范涵盖架构约定(默认 React/Next.js 与 Server Components、Tailwind CSS v3/v4、状态管理边界)、设计工程规则(字体、配色、布局、阴影、交互状态、表单模式)、创意实现(液态玻璃折射、磁性微物理、持续微交互、布局过渡、错峰编排)、性能护栏(DOM 成本、硬件加速、z-index 克制)以及禁止的 AI 套路模式。

使用方式:作为技能加载后,AI 在生成前端代码时遵循其中的强制检查,例如导入第三方库前先查 package.json,缺失时先输出安装命令;交互组件需以 'use client' 隔离为叶子组件;图标限定 @phosphor-icons/react 或 @radix-ui/react-icons。

适用场景:需要高完成度、非模板化视觉风格的 React/Next.js 前端界面生成。

限制:资料未提供安装命令、价格、平台支持范围与效果保证;具体版本差异与迁移方式暂未提供。