Ready to supercharge your AI agents?

Install any skill in seconds. Free to start, no credit card required.

Visual Design Orchestrator · hashgraph-online | DecimalAI

design mediaby hashgraph-online

Visual Design Orchestrator

hashgraph-online/visual-design-orchestrator

Source hashgraph-online/awesome-codex-plugins ↗License Apache-2.0

Use 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.

SkillScore88Maintained

Automatic

Design & UX Review pack

Last verified 9/1/2026

What it changes

Passed 18 of 21 test cases with the skill, and 14 of 21 without it.

Without skill67%

With skill88%

Checks it passed that the model alone missed

block
00-stage.json
include_schema: true

and 4 more in the full report

7 fixed14 passed either way1 still failing2 broke

Pass-rate lift: +21 pp
Tokens: -27%
Agent turns: 0%
Response time: -51%

Model gemini-3.6-flashMeasured 9/1/2026v121 of 24 cases passed with skill · 21 comparable

Tokens, turns and time describe resource use, not a dollar price.

Use this skill

Save it into your project's skills folder. Claude Code picks it up in its next session.

curl -fsSL --create-dirs -o .claude/skills/hashgraph-online-visual-design-orchestrator/SKILL.md https://app.decimal.ai/s/hashgraph-online-visual-design-orchestrator/SKILL.md

Want it pinned and updatable? pip install "decimalai>=0.15", then decimalai skills add hashgraph-online-visual-design-orchestrator, and start Claude Code with claude --plugin-dir "$(git rev-parse --show-toplevel)/.agents"

1 · One-time — install the CLI (docs ↗)

pip install "decimalai>=0.15"

2 · Get the skill — writes .agents/skills/hashgraph-online-visual-design-orchestrator/ and pins it in .decimal/skills.lock

decimalai skills add hashgraph-online-visual-design-orchestrator

No CLI? Get the same file — curl · raw file

curl -fsSL --create-dirs -o .claude/skills/hashgraph-online-visual-design-orchestrator/SKILL.md https://app.decimal.ai/s/hashgraph-online-visual-design-orchestrator/SKILL.md

Raw file: /s/hashgraph-online-visual-design-orchestrator/SKILL.md ↗ · machine-readable summary at /s/hashgraph-online-visual-design-orchestrator.json ↗

Safety checks: 3 of 3 passed

Code scan CleanIntent PassedContent Clean

See it in action

One of 7 test cases the skill fixed. Same model, same prompt, with and without the skill.

1 of 7

Prompt

When preparing input artifacts for the theme-customizer visual orchestration task, which specific markdown file in the requirement folder provides the confirmation plan?

What was checked, without and with the skill
Checked	Without skill	With skill
10-visual-confirmation-plan.md	Missed	Passed

case-14 · gemini-3.6-flash · 9/1/2026 · answers are capped and redacted

What's inside

The instructions your model reads when the skill loads.

SKILL.md42 linessingle file

Visual Design Orchestrator

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.json
10-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_orchestration
generate_design_board_inventory
review_visual_design_orchestration
review_visual_evidence
review_stage_gate

Hard Stops

Do not start Pencil/Figma until the requirement workspace passes review_requirement_workspace_stage for 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, and review_stage_gate all 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

Track record

Benchmark

18 / 21

test cases passed, vs 14 / 21 without

Adoption

Users: 0
Times used: 0

Safety and source details

SkillSafety

✓ 3 of 3 passed

Code scan15 of 15 checks clean

0 critical · 0 warning · 0 info — scanner v4 — 8/10/2026

View 15 scanner checks

live_secretremote_code_executionreverse_shelldata_exfiltrationssrf_metadataagent_snoopinganti_refusaldestructive_commandsobfuscated_unicodeunicode_homoglyphopaque_blobsuspicious_urltool_overreachtrigger_abuseprompt_injection_phrasing

IntentSafe

LLM judge · does the skill do what it claims

ContentClean

LLM judge · policy & harmful-content review

Source

Imported

hashgraph-online / awesome-codex-plugins

plugins/kevin592/codex-full-stack-workflow/skills/visual-design-orchestrator/SKILL.md

View on GitHub ↗

License Apache-2.0Imported 8/10/2026Version v1

Other skills for the same job

Published skills whose descriptions closely match this one, with their headline benchmark lift.

hashgraph-online/visual-evidence-gateUse after requirements are approved and before UI implementation when a product feature needs Pencil or Figma visual design evidence.Close match+23 pp pass-rate lift

More skills from the same source and nearby in the registry, with their headline benchmark lift.

Ready to supercharge your AI agents?

See it in action

What's inside

Visual Design Orchestrator

Input Artifacts

Output Artifact

Required MCP Tool

Hard Stops

Pressure Test Responsibility

Next Gate

Track record

Benchmark

Adoption

SkillSafety

Source

Other skills for the same job

Related skills