/web-style-director
Refine an approved visual lane.
$ npx -y skills add TheGoat395/Codex-Skills --skill web-style-director --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
- Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
- You can call itInvoke it directly when you want it.
- Slash command
/web-style-director
Context preview
The summary Claude sees to decide when to auto-load this skill.
Refine an approved visual lane.
SKILL.md
web-style-director.SKILL.mdname: "web-style-director" description: "Refine an approved visual lane."
Web Style Director
Purpose
Refine type, color, media and motion within the selected visual direction.
Scoped execution
Apply the [shared web contract](../website-operating-rules/references/scoped-web-contract.md) once when execution crosses phases; reuse it if already read. Load only the specialist guidance relevant to the requested surface and deliverable.
Detailed Guide
Read [web style director guide](references/web-style-director-guide.md) for the selected workflow. Apply only the requested surface; review-only work reports findings, while authorized changes continue through implementation and relevant verification.
Scope and evidence
Refine the visual protagonist, coherent lane and type/color/media/motion choices within the shared direction spec. Do not create a parallel plan or restart an approved direction. Verify named-creator traits from the selected source before attributing them.
An unofficial, open-source, Codex-first Agent Skills library for premium frontend, website, design-engineering, and reliable agent workflows.

