SuperAPI AI 工具集

design-taste-frontend

前端与建站

查看项目

更新于 10-16 09:28

技能介绍

该技能用于落地页、作品集与页面改版,不覆盖仪表盘、数据表格和多步骤产品 UI。

用途与流程:先做“需求推断”,读取页面类型(落地页、作品集、改版、编辑/博客)、用户使用的氛围词、参考链接或截图、受众、已有品牌资产以及无障碍、公共部门等隐性约束;随后用一句话输出 Design Read,例如“Reading this as: B2B SaaS landing for technical buyers, with a Linear-style minimalist language”。若简报确实存在分歧,只提一个问题,不猜测。

主要能力:设置三个可调参数 DESIGN_VARIANCE(默认 8)、MOTION_INTENSITY(默认 6)、VISUAL_DENSITY(默认 4),并按需求类型预设取值。根据设计方向选择官方设计系统(Fluent UI、Material 3、Carbon、Polaris、Atlassian、Primer、GOV.UK Frontend、USWDS、Bootstrap、Radix Themes、shadcn/ui、Tailwind v4);对玻璃拟态、Bento、粗野主义、编辑风、深色科技、极光渐变、动态字体等风格,用原生 CSS 与 Tailwind 实现,并说明借鉴而非官方体系。默认架构为 React/Next.js、RSC、Tailwind v4、Motion(motion/react)、next/font。规定图标库优先级、断点、min-h-[100dvh]、CSS Grid、依赖检查等工程约定,并给出排版、字体、配色(限制强调色数量、避免 AI 紫、锁定配色一致性)等反套路规则。

限制:资料仅覆盖上述规则,未提供具体收费、价格、平台支持范围、实际效果数据或完整安装步骤;描述中部分内容被截断(如第 4.2 节结尾)。实际使用需结合完整原始文档。