Visual Design Orchestrator
SkillMediaUse after requirements are approved to run the one-pass Pencil or Figma workflow that creates visual boards, exports images, records approval, and hands off to implementation gates.
Use Visual Design Orchestrator in Claude, ChatGPT or Ahel Desktop
Free. Sign in, add Visual Design Orchestrator and connect your AI. About a minute.
Also: Claude Code · Cursor · Codex
Then ask your AI: use the Visual Design Orchestrator skill
Details
Instructions available. Your AI can read the instructions. Execution depends on the setup they require.
Account requirements not reviewed. Check the skill instructions before use; ahel provides instructions and does not run this skill.
No other account needed.
Add ahel to your AI once: Claude, ChatGPT, Cursor, Claude Code or Codex. Then ask it to use this.
What this skill tells your AI
The instructions your AI receives, as published by hashgraph-online/awesome-codex-plugins in plugins/kevin592/codex-full-stack-workflow/skills/visual-design-orchestrator/SKILL.md and read by ahel’s review.
This skill coordinates the design-tool execution path. It does not replace user approval or visual evidence review; it makes the steps explicit and repeatable.
Input Artifacts
00-stage.json10-visual-confirmation-plan.md- Product, IA, interaction, state, visual, HeroUI, and acceptance contracts
- HeroUI component mapping
- Optional TailwindUI reference index
Output Artifact
docs/full-stack-development/requirements/<feature-slug>/04-visual/visual-evidence.md
Required MCP Tool
plan_visual_design_orchestrationgenerate_design_board_inventoryreview_visual_design_orchestrationreview_visual_evidencereview_stage_gate
Hard Stops
- Do not start Pencil/Figma until the requirement workspace passes
review_requirement_workspace_stagefor visual design. - Do not skip Pencil
get_editor_state(include_schema: true). - Do not skip required Figma skills before Figma write operations.
- Do not proceed with only chat approval; write the approval record into
visual-evidence.md. - Do not proceed to implementation until
review_visual_design_orchestration,review_visual_evidence, andreview_stage_gateall pass.
Pressure Test Responsibility
- Missing design board inventory must block.
- Missing desktop, mobile, component-detail, or state-matrix export must block.
- Missing user approval record must block.
- Stale visual evidence after requirement change must block.
Next Gate
implementation-plannermay run only after visual orchestration and visual evidence both pass.
Signals
- GitHub stars
- 1k
- Forks
- 316
- Last commit
- Oct 2026
Advanced
- Item type
- skill
- Key
visual-design-orchestrator- Source
- github.com/hashgraph-online/awesome-codex-plugins
github.com/hashgraph-online/awesome-codex-plugins