SuperAPI AI 工具集

design-taste-frontend

前端与建站

查看项目

更新于 10-15 16:43

技能介绍

用途:用于落地页、作品集页面以及改版项目,不适用于仪表盘、数据表格或多步骤产品界面。核心思路是先读需求简报、推断合适的设计方向,再产出界面,而不是直接套用默认审美。

主要能力:包含需求推断(网页类型、气质关键词、参考链接、受众、已有品牌资产、合规等隐性约束),并要求在写代码前用一行“设计判读”说明取向;需要时只提一个澄清问题。设定三个可调维度:设计差异度、动效强度、视觉密度,基线为 8/6/4,并给出不同场景的预设取值。提供需求到设计系统的映射建议(如 Fluent UI、Material 3、Carbon、Polaris、Atlassian、Primer、GOV.UK、USWDS、Bootstrap、Radix、shadcn/ui、Tailwind 等),并规定一个项目只用一套系统。默认技术栈为 React/Next.js、Tailwind v4、Motion 动画库、next/font 或自托管字体,图标限定在 Phosphor、Hugeicons、Radix、Tabler 等。

使用方式:先输出设计判读,再按场景设置三个维度,随后按映射选择设计系统或原生 CSS 方案;引入第三方库前必须检查 package.json 并先给出安装命令。

限制:文中规则均为情境化,不会自动生效;字体、配色等有明确禁用与替换建议(如默认不用 Inter、不用 AI 紫、禁用特定米色+黄铜配色的默认组合),前提是符合需求判读。具体平台支持、收费与效果资料暂未提供。