SuperAPI AI 工具集

design-web

设计与创作

查看项目

更新于 10-15 21:48

技能介绍

用途:在 design-system 令牌已存在、且 design-method 的 Gate 0 已锁定 register 为 brand(单一主导、表达性信息)后,用于构建或修改营销页、落地页、活动页。仪表盘、应用或工具类界面应路由到 design-webapp;例外是嵌在应用外壳内的营销邻近页面(如应用内定价页)仍走本技能。

主要能力:结构来自 register 加两个结构选择,而非模板复制。首屏处理取自 macrostructure-bank(仅第一屏),正文序列取自 body-sequence-bank,两者都经 register/brand.md 的观点过滤。首屏纪律:标题少于 10 词、副标题少于 20 词、1 个主 CTA、真实产品/品牌视觉。偏好非对称分栏(2/1、1/2、span-2、bento),变化区块内边距形成节奏。反模板化机械标记包括:默认规范区块顺序、统一三列网格、统一内边距、每个 H1 上方都有 eyebrow、AI 签名式入场动效(opacity:0 + translateY(20px) + ease-in-out 滚动显现)、反射式蓝/Inter/rounded-2xl 组合。

使用方式:直接交付 HTML/CSS 为默认路径;Gemini Design MCP、Magic(21st.dev)、shadcn MCP 为可选回退工具。交付前需写入 Je reproduis 行,声明三个可命名元素(两个来自语料库并引用 tokens 章节,一个来自行业 register),并运行轮廓 Lookalike Test。

限制:Lookalike Test 失败属结构性问题,应回到首屏/正文选择,而非外观微调;同一组选择连续失败两次应更换正文序列。行业站点缺失时继续生成并标记,不得以模板平台替代。具体收费、价格、平台支持等信息暂未提供。