Visual Style
calesthio/OpenMontage
Create, extract, and apply portable visual design systems via visual-style.md files.
设计原型专家团入口。用于 Codex CLI 的 $expert-design 调用. An agent skill from ReJeCtAll/ExpertTeam-Codex.
Install Expert Design
$ npx skills add ReJeCtAll/ExpertTeam-Codex --skill expert-design -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install ReJeCtAll/ExpertTeam-Codex expert-design --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/ReJeCtAll/ExpertTeam-Codex.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.codex/skills/expert-design .claude/skills/expert-design && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "expert-design" agent skill from https://github.com/ReJeCtAll/ExpertTeam-Codex/tree/main/.codex/skills/expert-design into .claude/skills/expert-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "expert-design", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/ReJeCtAll/ExpertTeam-Codex/tree/main/.codex/skills/expert-designType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add ReJeCtAll/ExpertTeam-Codex --skill expert-design -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install ReJeCtAll/ExpertTeam-Codex expert-design --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/ReJeCtAll/ExpertTeam-Codex.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.codex/skills/expert-design .agents/skills/expert-design && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "expert-design" agent skill from https://github.com/ReJeCtAll/ExpertTeam-Codex/tree/main/.codex/skills/expert-design into .agents/skills/expert-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "expert-design", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add ReJeCtAll/ExpertTeam-Codex --skill expert-design -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install ReJeCtAll/ExpertTeam-Codex expert-design --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/ReJeCtAll/ExpertTeam-Codex.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.codex/skills/expert-design .cursor/skills/expert-design && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "expert-design" agent skill from https://github.com/ReJeCtAll/ExpertTeam-Codex/tree/main/.codex/skills/expert-design into .cursor/skills/expert-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "expert-design", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/ReJeCtAll/ExpertTeam-Codex.git --path .codex/skills/expert-design--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add ReJeCtAll/ExpertTeam-Codex --skill expert-design -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install ReJeCtAll/ExpertTeam-Codex expert-design --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/ReJeCtAll/ExpertTeam-Codex.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.codex/skills/expert-design .gemini/skills/expert-design && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "expert-design" agent skill from https://github.com/ReJeCtAll/ExpertTeam-Codex/tree/main/.codex/skills/expert-design into .gemini/skills/expert-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "expert-design", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install ReJeCtAll/ExpertTeam-Codex expert-designInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add ReJeCtAll/ExpertTeam-Codex --skill expert-design -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/ReJeCtAll/ExpertTeam-Codex.git skills-src && mkdir -p .github/skills && cp -r skills-src/.codex/skills/expert-design .github/skills/expert-design && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "expert-design" agent skill from https://github.com/ReJeCtAll/ExpertTeam-Codex/tree/main/.codex/skills/expert-design into .github/skills/expert-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "expert-design", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add ReJeCtAll/ExpertTeam-Codex --skill expert-design -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install ReJeCtAll/ExpertTeam-Codex expert-design --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/ReJeCtAll/ExpertTeam-Codex.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.codex/skills/expert-design .opencode/skills/expert-design && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "expert-design" agent skill from https://github.com/ReJeCtAll/ExpertTeam-Codex/tree/main/.codex/skills/expert-design into .opencode/skills/expert-design/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "expert-design", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
expert-design- GitHub stars
- 113
- Token cost
- ~441 tokens
- SKILL.md length
- 109 words
- Files
- 2
- Skills in repo
- 12
- Repo updated
- First seen
- Licence
- MIT
At a glance
设计原型专家团入口。用于 Codex CLI 的 $expert-design 调用. An agent skill from ReJeCtAll/ExpertTeam-Codex.
- Works in 5 steps: 需求发现：明确场景、受众、调性、品牌上下文、规模。 → 设计系统选择：基于 design-systems 推荐设计系统并产出设计令牌。 → 原型生成：基于 prototype-templates 生成 HTML/CSS… → …
- Tasks that involve UI design
- SKILL.md covers 定位, Codex CLI 调用方式, 团队成员 and 可用 Skills, plus 4 more sections
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
What it does
Expert Design is an agent skill from ReJeCtAll/ExpertTeam-Codex. 设计原型专家团入口。用于 Codex CLI 的 $expert-design 调用。 覆盖需求发现、设计系统选择、原型生成、质量审查和导出交付。 触发词：设计原型、UI、UX、设计系统、高保真、HTML 原型、品牌设计、页面设计
Its SKILL.md is about 440 tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files (for example `agents/openai.yaml`).
It sits in Frontend & Design, covering UI design. The repository describes itself as: 一套可直接安装到 ~/.codex 的专家配置，面向 Codex CLI / Codex App 桌面版的 Skill 调用方式 提供 3 个专家团、3 个单专家与 1 个总路由入口。 The licence is MIT.
When your agent uses it
- Tasks that involve UI design
Example prompts
- “/expert-design”
Workflow steps
5 steps, taken from the first numbered list in SKILL.md.
- 需求发现：明确场景、受众、调性、品牌上下文、规模。
- 设计系统选择：基于 design-systems 推荐设计系统并产出设计令牌。
- 原型生成：基于 prototype-templates 生成 HTML/CSS 原型。
- 质量审查：基于 quality-review 执行 5 维评分与 Anti-Slop 门控。
- 导出交付：导出 HTML/PDF/PPTX/ZIP 等交付物。
What it can do on your machine
Read from SKILL.md and the folder at commit 59c573b. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
No scripts in the folder and no shell commands in SKILL.md.
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Expert Design loads about 441 tokens when it runs. Until then it costs about 32 tokens; SKILL.md has 109 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
The full file from ReJeCtAll/ExpertTeam-Codex at commit 59c573b, republished under its MIT licence (© ReJeCtAll). 109 words, ~441 tokens.
Download SKILL.mdSave it as
.claude/skills/expert-design/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.- name
- expert-design
- description
- 设计原型专家团入口。用于 Codex CLI 的 $expert-design 调用。 覆盖需求发现、设计系统选择、原型生成、质量审查和导出交付。 触发词：设计原型、UI、UX、设计系统、高保真、HTML 原型、品牌设计、页面设计
Expert Design - 设计原型专家团
你现在启动 设计原型专家团，主理人为 design-engine-team-lead。
定位
覆盖从需求发现到品牌级原型交付的完整工作流，内置 71 套设计系统，产出高保真、可运行、可导出的原型。
Codex CLI 调用方式
$expert-design --full <从需求发现到原型导出完整流程>
$expert-design --style <只推荐设计系统/视觉风格/设计令牌>
$expert-design --review <审查现有原型或页面质量>
$expert-design --export <导出已有原型为 HTML/PDF/PPTX/ZIP>注意：Codex CLI 当前使用
$skill-name调用 Skill，不一定识别/expert-designSlash Command。
团队成员
如环境支持 Agents，请优先读取并采用这些 Agent：
~/.codex/agents/design-engine-team-lead.md~/.codex/agents/discovery-analyst.md~/.codex/agents/design-system-expert.md~/.codex/agents/prototype-builder.md~/.codex/agents/critique-reviewer.md~/.codex/agents/export-specialist.md
如环境不支持多 Agent 调度，则由当前会话按本 Skill 的规则模拟主理人流程执行。
可用 Skills
design-systems：71 套品牌级设计系统知识库。prototype-templates：原型模板结构。quality-review：5 维评分与 Anti-Slop 检查。
路由规则
--style：只做设计系统/视觉风格推荐。--review：只审查现有原型/页面质量。--export：只导出已有设计文件。--full：强制完整 SOP：需求发现 → 设计系统选择 → 原型生成 → 质量审查 → 导出交付。
未提供参数时，按用户意图自动判断：单一问题走单阶段路由，综合性设计需求走完整 SOP。
标准 SOP
- 需求发现：明确场景、受众、调性、品牌上下文、规模。
- 设计系统选择：基于
design-systems推荐设计系统并产出设计令牌。 - 原型生成：基于
prototype-templates生成 HTML/CSS 原型。 - 质量审查：基于
quality-review执行 5 维评分与 Anti-Slop 门控。 - 导出交付：导出 HTML/PDF/PPTX/ZIP 等交付物。
质量门禁
- 原型必须使用明确设计系统和设计令牌，不允许泛化 AI 风格。
- 禁止紫色廉价渐变、通用 emoji 图标、虚假统计数据、套路化卡片堆叠。
- 质量审查任一维度 < 3/5 时，必须回到原型构建师修正，最多 2 轮。
- 默认交付独立可运行 HTML；用户要求时再导出 PDF/PPTX/ZIP。
输出格式
最终输出必须包含：
- TL;DR：一句话说明设计交付结果。
- 使用的设计系统或视觉方向。
- 文件清单：创建/修改/导出的文件。
- 质量审查结果：5 维评分、P0/P1/P2 问题。
- 下一步建议。
请使用与用户原始需求一致的语言输出。
© ReJeCtAll, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
SKILL.md and 1 other file in .codex/skills/expert-design of ReJeCtAll/ExpertTeam-Codex.
- SKILL.md
- agents/openai.yaml
Open the folder on GitHubat commit 59c573b
Compare with similar skills
Expert Design next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Expert Design this skillReJeCtAll/ExpertTeam-Codex | 113 | — | ~441 | Automated safety check: Pass | MIT | |
| Visual Stylecalesthio/OpenMontage | 65k | — | ~1.5k | Automated safety check: Pass | AGPL-3.0 | |
| Baoyu DesignDejavuMoe/Smoji | 114 | 1 repos | ~2.7k | Automated safety check: Pass | MIT | |
| Design Style Skillhaojing8312/WorkClaw | 141 | 1 repos | ~1.1k | Automated safety check: Pass | Apache-2.0 | |
| Design Pickepoko77-ai/design-diversity | 192 | — | ~3.7k | Automated safety check: Pass | Custom licence | |
| Morph Ppt 3DFerroxLabs/wayland | 608 | 4 repos | ~6.4k | Automated safety check: Pass | AGPL-3.0 |
Similar skills
Baoyu Design
DejavuMoe/Smoji
Create polished design artifacts as self-contained HTML: UI mockups, interactive prototypes, wireframes, landing pages, dashboards, app screens, mobile apps, slide decks (a.k.a.
Design Style Skill
haojing8312/WorkClaw
Select a consistent visual design system for PPT slides using radius/spacing style recipes.
Design Pick
epoko77-ai/design-diversity
Claude로 PPT·발표자료나 웹사이트를 만들 때, AI 기본 미감(보라 그라디언트·둥근 카드·천편일률)으로 수렴하지 않도록 80가지 검증된 디자인 스타일 팩 중 하나를 골라 그 명세대로 생성하게 하는 스킬.
Morph Ppt 3D
FerroxLabs/wayland
3D Morph PPT - extends morph-ppt with GLB model insertion, cinematographic camera, model-content layout, and enriched visual design system.
UI Styling
Ohh-889/skyroc
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs.
More from ReJeCtAll/ExpertTeam-Codex
All 12 skills in this repoProduct Playbook
ReJeCtAll/ExpertTeam-Codex
产品战略团队完整手册。覆盖需求文档撰写、路线图管理、竞品分析、用户研究综合、指标评审、Sprint规划、干系人沟通和产品头脑风暴全流程。当涉及任何产品管理相关的请求时自动触发。
Expert Database
ReJeCtAll/ExpertTeam-Codex
数据库优化专家入口。用于 Codex CLI 的 $expert-database 调用. An agent skill from ReJeCtAll/ExpertTeam-Codex.
Expert Ops
ReJeCtAll/ExpertTeam-Codex
基础设施运维专家入口。用于 Codex CLI 的 $expert-ops 调用. An agent skill from ReJeCtAll/ExpertTeam-Codex.
Expert Product
ReJeCtAll/ExpertTeam-Codex
产品战略团队专家团入口。用于 Codex CLI 的 $expert-product 调用. An agent skill from ReJeCtAll/ExpertTeam-Codex.
Expert Security
ReJeCtAll/ExpertTeam-Codex
安全专家入口。用于 Codex CLI 的 $expert-security 调用. An agent skill from ReJeCtAll/ExpertTeam-Codex.
Expert Software
ReJeCtAll/ExpertTeam-Codex
软件开发团队专家团入口。用于 Codex CLI 的 $expert-software 调用. An agent skill from ReJeCtAll/ExpertTeam-Codex.
Related
Categories
Questions about Expert Design
What does Expert Design do?
设计原型专家团入口。用于 Codex CLI 的 $expert-design 调用. An agent skill from ReJeCtAll/ExpertTeam-Codex. Expert Design is an agent skill from ReJeCtAll/ExpertTeam-Codex.
When should I use Expert Design?
Expert Design fits situations like: tasks that involve UI design.
How do I install Expert Design in Claude Code?
Run `npx skills add ReJeCtAll/ExpertTeam-Codex --skill expert-design -a claude-code`. Or copy the skill folder (.codex/skills/expert-design in ReJeCtAll/ExpertTeam-Codex) into .claude/skills/expert-design in your project. Claude Code loads it when a task matches its description.
How do I install Expert Design in Codex?
Run `npx skills add ReJeCtAll/ExpertTeam-Codex --skill expert-design -a codex`. Or copy the skill folder (.codex/skills/expert-design in ReJeCtAll/ExpertTeam-Codex) into .agents/skills/expert-design in your project. Codex loads it when a task matches its description.
Can I use Expert Design in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add ReJeCtAll/ExpertTeam-Codex --skill expert-design -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/expert-design, .gemini/skills/expert-design, .github/skills/expert-design and .opencode/skills/expert-design in your project.
What does Expert Design need to run?
SKILL.md names no scripts, command-line tools or credentials: Expert Design is instructions for the agent only.
Does Expert Design access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is Expert Design safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does Expert Design use?
Expert Design is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Expert Design use?
About 441 tokens (SKILL.md is roughly 1.8k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Expert Design?
Skills that share tags, products or a category with Expert Design: Visual Style (calesthio/OpenMontage, 65k stars), Baoyu Design (DejavuMoe/Smoji, 114 stars), Design Style Skill (haojing8312/WorkClaw, 141 stars) and Design Pick (epoko77-ai/design-diversity, 192 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Expert Design?
ReJeCtAll (a GitHub user) maintains it in ReJeCtAll/ExpertTeam-Codex, which has 113 GitHub stars. The repository holds 12 skills in this directory. The repository was last updated on July 8, 2026.
Source: ReJeCtAll/ExpertTeam-Codex on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.