词映 AI导航
工具库Skills 技能
我的收藏
词映 AI导航

ChatGPT 设计系统方向技能：按产品需求比较视觉风格

English

ChatGPT 安装步骤

  1. 打开固定提交的 .claude/skills/design-system-generator/SKILL.md，核对原文的输入和输出。
  2. 在 ChatGPT 打开「插件 → 技能 → 创建 → 使用编辑器创建」。
  3. 按下面的工作流程填写技能规则。提供产品任务、目标读者、品牌约束和优先候选风格。
  4. 保存技能，在新对话输入本页的虚构示例并核对结果。

中文摘要

根据受众、场景和约束比较设计方向，再把选定风格转成色彩、排版、组件和动效规则。把可访问性与实际渲染列为验证。

SKILL.md 中文导读

可复现示例

虚构公共活动网站要方便低视力用户找到报名，品牌允许高对比单色。候选为瑞士现代主义和玻璃拟态。请比较并给令牌草案。

工作步骤

  1. 把场景和品牌需求变成比较标准。
  2. 比较候选风格的排版、颜色和交互取舍。
  3. 输出令牌草案和待验证组件。

验收方法

按阅读层级、对比度和背景可读性比较。建议一套基础、文本、强调与焦点令牌，并将实际对比度和移动端检查留待样式落地。

GitHub 原文 · 更新日期

适用环境

需要启用了技能创建的 ChatGPT 工作区。这里使用基于 GitHub 原文编写的文本改编。

常见问题

选定风格就能保证可用性吗？

风格提供方向。还要在具体组件和背景下测文字、焦点、按钮状态与键盘路径。

相关指南

相关推荐