SuperAPI AI 工具集

taste-skill

前端与建站

查看项目

更新于 10-16 05:53

技能介绍

用途:这是一个“反套路”前端设计技能,主要用于落地页、作品集和界面改版,不适用于仪表盘、数据表格或多步产品界面。

主要能力:先做“需求解读”,从页面类型、用户描述的风格词、参考链接、受众和已有品牌资产推断设计方向,并用一句话声明“Design Read”,再据此设置三个旋钮:DESIGN_VARIANCE(对称到实验感)、MOTION_INTENSITY(静态到电影级)、VISUAL_DENSITY(留白到高密度),默认基线为 8/6/4。技能还提供按用例的预设值,以及一份“需求到设计系统”的映射表,例如企业级用 Fluent UI,谷歌风格用 Material 3,IB​​M 风格用 Carbon,Shopify 用 Polaris,公共部门用 GOV.UK Frontend 或 USWDS,现代 SaaS 可用 shadcn/ui 和 Tailwind v4。

使用方式:所有规则都是上下文相关的,需要先读简报再取用适合的部分。默认技术约定包括 React/Next.js、RSC、Motion 动画库、next/font 字体、指定图标库(如 Phosphor),并要求在导入第三方库前检查 package.json。

限制:规则不会自动触发,需要先做需求解读;没有提供安装命令或官方包以外的独立安装方式;未提供收费、平台或效果数据。截断部分提到“仅当……”的例外条件,完整内容暂未提供。