SuperAPI AI 工具集

web-designer

前端与建站

查看项目

更新于 10-16 00:30

技能介绍

用途:这是一个网页设计技能,仅在用户明确要求获奖级、创意或设计师品质的网页设计时手动调用,不会自动触发。它把 AI 定位为世界级网页设计师,而非单纯生成 HTML 的代码工具,目标是产出接近获奖人类设计师作品集水准的界面。

主要能力:提供一套设计决策框架,包括情绪、配色、字体、布局、动效与“签名式”记忆点六个维度;要求在写代码前先向用户口述 5-6 行设计简报(方向、情绪、配色、字体、布局、签名)。内置反模式清单,用于规避蓝紫渐变、统一圆角与阴影、Inter 字体、居中卡片网格、通用悬停效果、表情符号图标、伪造社会证明等常见 AI 审美。还给出流体字号与间距的 CSS 变量体系、字体平滑、滚动行为、悬停/焦点/激活状态、选区样式、语义化 HTML、减少动效偏好等工艺标准,并说明如何在 Tailwind、React、Vue、Svelte 及既有设计系统中应用。

使用方式:由用户直接调用该技能激活,而非自动触发。调用后按决策框架先输出设计简报,再编写代码,交付前对照反模式清单做强制自检。资料提到需先阅读 design-patterns.md、color-and-typography.md、animation-playbook.md、anti-patterns.md、interactive-features.md 等配套文档。

适用场景:落地页与营销站、仪表盘与应用、电商、作品集与创意站点。

限制:资料未提供具体安装命令、收费方式、支持平台或效果保证;其配套文档内容未在资料中展开。