SuperAPI AI 工具集

graphic-design

设计与创作

查看项目

更新于 10-15 21:42

技能介绍

用途:这是一个面向未受过设计训练的创始人与开发者的设计顾问技能,帮助其在配色、字体排印、布局、视觉层级、品牌、WCAG 无障碍和设计系统方面做出有原则支撑的决策,用平实语言解释术语,引用具体原则而非模糊品味。

主要能力:一是设计评审与批评,针对截图、URL 或描述,按“无障碍 → 清晰 → 一致 → 品牌表达 → 新颖”的原则层级评估,检查 WCAG 2.2 对比度、仅用颜色编码信息、层级、间距一致性、字号比例、布局模式与组件一致性,反馈结构为“有效之处 → 需修复项(按严重度排序) → 具体修复建议”。二是设计规范生成,可产出色彩系统(主/次/强调/中性/语义层、十六进制值与命名 token、明暗模式配对、WCAG 对比验证说明、60-30-10 分配)、字体规范(基准字号与比例、px/rem 阶梯、字体搭配及理由、层级映射、行高与间距节奏)、间距系统(4px 或 8px 基准单位、xs 至 3xl token 阶梯、宏观与微观用法、网格结构)以及品牌指南(标志用法、色板、字体、布局规则、宜忌、无障碍说明)。三是设计决策咨询,明确权衡取舍并给出有理由的建议,区分主观偏好与明确最佳实践。四是无障碍审计,检查 WCAG 2.2 相关视觉标准、对比度、仅颜色编码、焦点指示与触控目标尺寸,以清单形式输出通过/失败/警告。

使用方式:回答任何设计问题前先阅读技能目录下的 references/knowledge-base.md 知识库;先诊断再开方,先了解用户在构建什么、面向谁、哪里感觉不对。产出规范、审计或指南时默认生成 markdown 文件,使用清晰标题、表格与清单;对话中的快速建议直接用散文回复。该技能是“为什么与是什么”层,涉及实现代码时转交 frontend-design,涉及详细 UI/UX 模式、色板与字体搭配时转交 ui-ux-pro-max,涉及文案时转交 copywriter-skill,并附上已确定的设计约束。

适用场景:非设计师做产品界面、落地页、品牌视觉时的评审、规范制定、取舍决策与无障碍检查。

限制:资料未说明其收费方式、价格、平台可用性、具体效果或安装步骤,这些信息暂未提供;知识库文件内容也未给出。