跳到技能内容
词映 AI导航
发现工具选型指南Skills 技能AI 快讯AI图片AI视频AI文档AI办公AI助手AI搜索AI编程AI音频AI设计AI智能体模型与开发AI学习模型评测AI提示词内容检测AI金融AI 3D扫描与识别其他工具跨境电商 AI
词映 AI导航
工具库Skills 技能
我的收藏
词映 AI导航
发现工具选型指南Skills 技能AI 快讯AI图片AI视频AI文档AI办公AI助手AI搜索AI编程AI音频AI设计AI智能体模型与开发AI学习模型评测AI提示词内容检测AI金融AI 3D扫描与识别其他工具跨境电商 AI
技能目录24 小时热门TOP100 技能每日更新
Skills 技能/ReJeCtAll/ExpertTeam-Codex/design-systems

Codex ExpertTeam 设计系统:从品牌素材提炼 DESIGN.md

English

Codex 安装步骤

  1. 打开固定版本的 GitHub 原文,从该版本保留 `.codex/skills/design-systems/` 整个目录。将它放入目标项目的 `.agents/skills/design-systems/`。
  2. 在目标项目中打开 Codex,输入 `$design-systems` 并给出本页示例里的任务和所需输出。

中文摘要

将品牌手册、现有页面或样式文件整理为可供开发使用的设计规范。输出颜色令牌、字体、组件和响应式约定,供团队实现与审阅。

SKILL.md 中文导读

可复现示例

在练习项目输入 `$design-systems`,给出自制的产品配色和两种字体。请将配色定义为页面、正文与操作色令牌,并为卡片写出手机端示例。

工作步骤

  1. 从用户提供的素材提取可追溯的色彩、排版和视觉层级。
  2. 用九段结构写入 DESIGN.md,记录令牌用途、组件状态和响应式约定。

验收方法

生成有九段结构的 DESIGN.md,含可定位到输入素材的颜色、排版规则和窄屏布局建议。

GitHub 原文 · 更新日期 2026-11-13

适用环境

Codex 与 ExpertTeam-Codex 工作副本。准备可使用的品牌素材,保留技能目录中的三个设计参考文件。

常见问题

有自家品牌手册时怎么选配色?

先使用品牌提取流程整理已有资产,再按用途定义令牌和组件规则。

技能信息

GitHub 仓库
ReJeCtAll/ExpertTeam-Codex

收集于互联网

相关指南

  • ChatGPT Skills 和 Codex Skills 有什么区别?
更多 Codex 技能

相关推荐

  • Codex Expert Design 技能:从视觉方向到可运行 HTML 原型

    ReJeCtAll/ExpertTeam-Codex

  • Codex ExpertTeam 原型模板:按场景生成 HTML 骨架

    ReJeCtAll/ExpertTeam-Codex

  • Codex Expert Product:把需求拆成 PRD 和验收条款

    ReJeCtAll/ExpertTeam-Codex

  • Codex Expert Software:按复现证据安排 Bug 修复与 QA

    ReJeCtAll/ExpertTeam-Codex

  • expert-team 技能

    ReJeCtAll/ExpertTeam-Codex

  • Codex ExpertTeam 设计评审:五维评分与发布检查

    ReJeCtAll/ExpertTeam-Codex

词映 AI 导航Skills 技能
工具分类全部工具已本地化技能选型指南AI 快讯