
creative-direction
Walk the user through four directional axes (tone register, aesthetic philosophy, audience relationship, sensory ambition) and produce a structured aesthetic brief that downstream content, copy, design, and art-direction skills consume as required input. The aesthetic depth layer, distinct from creative-brief (operational kickoff: scope, audience, deliverables, constraints). Use when a project needs aesthetic coherence across many small decisions and the user has only a vague feeling, or when multiple downstream aesthetic-producing skills need a shared brief. Triggers on creative direction, aesthetic direction, set the aesthetic, define the visual direction, what's the vibe, what's the tone, the four axes. Does NOT fire for a general kickoff brief (use creative-brief), tactical single-piece work, already-documented direction, purely functional output, or locked production-stage work.
- Installs
- 421
- Last 24h
- —
- Trending rank
- —
- Security
- Not audited
Install
Works with every agent the skills CLI supports.
npx skills add https://github.com/rampstackco/claude-skills --skill creative-direction- 01
Install
Run the command in your project. The CLI asks which agents to install for.
- 02
Describe the task
Ask your agent for something this skill covers. It loads creative-direction automatically when relevant.
- 03
Review the result
The agent follows the SKILL.md steps, scripts and references bundled with the skill.
SKILL.md
The instructions your agent reads when the skill is triggered.
Creative Direction
Frameworks produce competent output. Coherent output requires a brief.
This skill turns vague creative intent into a structured brief that downstream skills can reference. It does not generate taste. It captures direction, so the dozens of small decisions a project requires (word choice, image selection, white space, sequencing, what to leave out) all answer to the same question.
Worked examples for each axis position can be assembled from any reference brand library that documents tone, aesthetic, audience relationship, and sensory ambition consistently. The framework below describes the four axes; the user's own reference set positions each example along the axes during the brief workflow.
When to use
- The start of a multi-touchpoint project (website, brand, campaign, product launch) where aesthetic coherence matters
- Before running multiple downstream skills that need to share a unified voice and look
- When inheriting a project that has competent execution but feels generic or incoherent
- Recalibrating an existing project that has drifted aesthetically over time
- When the user is a non-curator who knows what feeling they want but cannot articulate the decisions that produce it
When NOT to use
- Use
creative-briefinstead when the user needs a general kickoff brief covering scope, audience, deliverables, and constraints. This skill goes deeper on aesthetic axes specifically, not on the operational layer. - Use
art-directioninstead when briefing a specific creative deliverable (photo shoot, illustration set, video, campaign). This skill produces project-wide aesthetic direction;art-directionextends that direction into specific creative work. - Tactical single-piece work (one tweet, one error message, one button label)
- Projects where the user has complete aesthetic direction documented already (skip to downstream skills)
- Purely functional output (data tables, form labels, system status text)
- Production-stage execution where direction is already locked
- When the goal is to develop taste; this skill codifies intent, it does not develop judgment
Required inputs
- Project name and one-paragraph description
- Target audience (rough is fine; full audience profiles come from
brand-discovery) - Business goal (what changes if this project works)
- Optional but high-value: 2 to 4 reference URLs (sites, brands, or pieces) the user admires, with a sentence on what specifically resonates
- Optional: existing brand assets if the project is a refresh, not greenfield
- Constraints worth declaring (parent brand voice, regulatory tone requirements, accessibility floors)
The framework: 4 directional axes
A creative brief sits at the intersection of four axes. Each axis is a spectrum, not a binary. The user picks a position on each, knowing that the choice excludes adjacent positions for this project.
1. Tone Register
How formal is the work? How much heat does the language carry?
Positions:
- Professional. Measured, precise, low-register. Trusts the reader to do work. Restraint is the signal.
- Conversational. Warmer, more personal, comfortable with first-person and contractions. Reads like a thoughtful person talking.
- Playful. Wit, surprise, willingness to break form for effect. Risks the reader missing the point if not earned.
- Provocative. Pointed, opinionated, willing to take a position other brands will not. Risks alienating people who do not share the position.
How to choose: What does the audience already get too much of, and what too little? If the category is dry, conversational or playful is differentiation. If the category is loud, professional restraint is differentiation.
2. Aesthetic Philosophy
How much visual density does the work carry? How much does each element earn its place?
Positions:
- Editorial Restrained. Generous white space, single definitive image instead of grids, considered typography, low color count. Signals confidence and patience.
- Polished Standard. Modern SaaS aesthetic. Clean grids, balanced contrast, expected proportions. Signals competence and professionalism.
- Controlled Maximalist. High visual density where every element is intentional. Loud but engineered. Signals craft and conviction.
- Expressive Maximalist. Visual abundance, willingness to be loud, willing to clash. Signals energy and ambition. Hardest to execute well.
How to choose: What is the project saying about the brand's relationship to attention? Restrained earns attention by deserving it. Maximalist captures attention by not letting it leave.
3. Audience Relationship
How does the brand position itself relative to the reader?
Positions:
- Authority. We tell you what is true. Implicit hierarchy, expertise on display, reader is the learner.
- Peer. We are figuring this out together. Equal footing, shared vocabulary, reader is the co-thinker.
- Companion. We walk with you. Lower hierarchy than authority, more presence than peer, reader is the protagonist of their own work.
- Coach. We challenge you. The brand pushes the reader toward something they would not push themselves toward alone, reader is the trainee.
How to choose: What does the audience need most? Audiences who feel lost want authority or coach. Audiences who feel patronized want peer or companion. The wrong choice patronizes or abandons the reader.
4. Sensory Ambition
How much is the work asking of the reader emotionally?
Positions:
- Functional. Get a job done. Reader gets in, gets the answer, gets out. Aesthetics serve clarity. Most utility tools live here.
- Considered. Reader notices the craft. Aesthetic choices are visible without being the point. Most premium brands live here.
- Resonant. Reader feels something specific the brand architected. Aesthetics carry meaning. Hardest to produce. Most editorial and narrative brands aspire here.
How to choose: What does the audience deserve from this experience? Functional respects time. Resonant respects feeling. The wrong choice either wastes attention or fails to deliver utility.
Workflow
- Gather inputs. Project name, description, audience, goal, references.
- Walk through each axis as a question. One axis at a time. For each, present the positions, surface tradeoffs, and capture the user's selection plus reasoning.
- Capture inspiration references. For each provided reference URL, ask what specifically resonates. The answer often clarifies which axis position fits better than abstract description does.
- Surface tensions. Some combinations are difficult to execute well. Functional + Provocative is rare since provocation usually requires emotional engagement that pure functional work resists. Authority + Functional often slides into preachy without warming up at least slightly. Flag tensions and ask the user to confirm or reconsider.
- Synthesize. Write a one-paragraph synthesis describing what this combination produces in practice.
- Output the brief. Markdown format using the structure in
references/brief-template.md. The brief becomes a project artifact (typically saved asBRIEF.mdat the project root). - Hand off. Reference the brief in any downstream skill that produces aesthetic output. Required reading before
landing-page-copy,art-direction,content-and-copy,brand-style-guide, or any other skill where coherence matters.
Failure patterns
- Using this to develop taste. This skill codifies intent. It does not produce judgment. A user with no taste who runs this still produces incoherent work; the brief just makes the incoherence consistent.
- Skipping inspiration references. The references calibrate what the axis positions mean in practice. A user picking "Editorial Restrained" without examples often means something different than what an art director means by it.
- Treating positions as absolute. A project at "Conversational" still has moments of authority and play. Position is the gravitational center, not a fence.
- Brief drift mid-project. The most common failure. The brief gets written, then ignored. Discipline: every downstream skill checks the brief before producing output. If a skill wants to violate the brief, the violation is a decision the user makes consciously, not an accident.
- Picking incompatible combinations without flagging. Functional + Provocative is technically valid but very hard. The skill should surface that the combination is rare and ask the user to confirm.
- Producing a brief no one references. A brief that does not change downstream output is decoration. The test of a good brief is whether the output would be different if a different brief were used.
Output format
Default output is a markdown brief, typically saved as BRIEF.md at the project root.
Structure:
- Project header. Name, one-paragraph description, target audience, business goal.
- The four axis selections. Each axis with the position selected and a one-sentence rationale.
- Synthesis paragraph. What this combination produces in practice. Written in present tense, not aspirational ("This brief produces work that..." not "This brief will help us...").
- Inspiration references. The provided URLs with notes on what specifically each one demonstrates.
- Rejection list. What this brief explicitly says no to. Often the most useful section. Examples: "No testimonial walls. No stock photography. No exclamation marks."
- Open questions. Anything still unresolved that downstream skills will need to know.
The brief is reference material for the project's life, not a one-time deliverable. Update it when the project's direction genuinely changes. Resist the urge to update it when execution is hard; usually that means execute harder, not loosen the brief.
Reference files
references/axes-explained.md- The four axes in depth, with positions, signals, and short brand examples per position to calibrate the user's eye.references/brief-template.md- Blank template for the brief output.references/example-aesthetic-brief.md- A fully completed brief from a representative project, showing how the abstract axes translate into concrete creative direction.
FAQ
What does the creative-direction skill do?
Walk the user through four directional axes (tone register, aesthetic philosophy, audience relationship, sensory ambition) and produce a structured aesthetic brief that downstream content, copy, design, and art-direction skills consume as required input. The aesthetic depth layer, distinct from creative-brief (operational kickoff: scope, audience, deliverables, constraints). Use when a project needs aesthetic coherence across many small decisions and the user has only a vague feeling, or when multiple downstream aesthetic-producing skills need a shared brief. Triggers on creative direction, aesthetic direction, set the aesthetic, define the visual direction, what's the vibe, what's the tone, the four axes. Does NOT fire for a general kickoff brief (use creative-brief), tactical single-piece work, already-documented direction, purely functional output, or locked production-stage work.
How do I install creative-direction?
Run npx skills add https://github.com/rampstackco/claude-skills --skill creative-direction in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/creative-direction/ (personal) or .claude/skills/creative-direction/ (project).
Which AI agents can use creative-direction?
Any agent that supports the open Agent Skills format (a folder with a SKILL.md file), including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, Cline, OpenCode and more.
Is creative-direction safe to install?
No partner security audit is available yet. Skills can run commands and scripts, so read the SKILL.md and any bundled files before installing.
Who maintains creative-direction?
It is published by rampstackco in rampstackco/claude-skills. It has 421 recorded installs.
More from rampstackco/claude-skills
art-direction
rampstackco/claude-skills
Direct visual and creative work for campaigns, photography, illustration, video, and branded experiences. Use this skill whenever the user wants to brief a photographer, direct illustrators, plan a creative campaign, develop visual concepts, or evaluate creative work for fit. Triggers on art direction, photo brief, photography brief, illustration brief, campaign concept, creative concept, visual direction, mood board, look and feel, visual treatment, video direction. Also triggers when the user has approved brand identity but needs to extend it into specific creative deliverables. Use creative-direction instead when the ask is the project-wide aesthetic brief that this skill consumes as input.
brand-identity
rampstackco/claude-skills
Design or evaluate a brand visual identity system covering logo, color, typography, imagery direction, iconography, and motion principles. Use this skill whenever the user wants to design a logo, build a visual identity, define brand colors, choose brand typography, develop iconography, plan brand imagery, or evaluate an existing identity for cohesion. Triggers on logo design, brand identity, visual identity, brand mark, wordmark, monogram, color palette, brand colors, brand typography, type system, iconography, brand imagery, motion design, brand system, identity system. Also triggers when the user has a brand direction approved and now needs the visual artifacts that express it.
brand-style-guide
rampstackco/claude-skills
Open the skill to read its SKILL.md instructions.
landing-page-copy
rampstackco/claude-skills
Open the skill to read its SKILL.md instructions.
chatbot-flow-design
rampstackco/claude-skills
Open the skill to read its SKILL.md instructions.
Popular media & creative skills
hyperframes
heygen-com/hyperframes
Read first to make, edit, animate or render any video with HyperFrames (HTML rendered to video), including launch films, explainers, music videos, charts, maps, vertical clips, title cards, captions and overlays. Holds the render contract, the work loop and what each kind of video needs.
media-use
heygen-com/hyperframes
Get or make any media for a HyperFrames video - music, sound effects, images, icons, logos, voiceover, avatar and generated video, transcripts, cutouts, colour grades and looks - with HeyGen or free local tools, and mix placed audio. Also for footage that looks dark, flat or dull, or should be stylized or hidden.
hyperframes-registry
heygen-com/hyperframes
About 450 ready-made HyperFrames blocks and components installed as editable source - transitions, overlays, titles, kinetic type, captions, charts, map overlays, 3D, camera moves. Use it before hand-building any named visual (CRT scanlines, glitch, film grain, a chart); also for hyperframes add and catalog.
hyperframes-creative
heygen-com/hyperframes
Non-animation creative direction for HyperFrames videos. Use for design spec (frame.md / design.md) handling, palettes, typography, narration, beat planning, audio-reactive visuals, composition patterns, and brand / style decisions. For atomic motion patterns and scene blueprints, use hyperframes-animation.
ai-video-generation
101-skills/superpowers
Generate AI videos with Google Veo, Seedance 2.0, HappyHorse, Wan, Grok and 40+ models via inference.sh CLI. Models: Veo 3.1, Veo 3, Seedance 2.0, HappyHorse 1.0, Wan 2.5, Grok Imagine Video, OmniHuman, Fabric, HunyuanVideo. Capabilities: text-to-video, image-to-video, reference-to-video, video editing, lipsync, avatar animation, video upscaling, foley sound. Use for: social media videos, marketing content, explainer videos, product demos, AI avatars. Triggers: video generation, ai video, text to video, image to video, veo, animate image, video from image, ai animation, video generator, generate video, t2v, i2v, ai video maker, create video with ai, runway alternative, pika alternative, sora alternative, kling alternative, seedance, happyhorse
ai-image-generation
101-skills/superpowers
Generate AI images with GPT-Image-2, FLUX, Gemini, Grok, Seedream, Reve and 50+ models via inference.sh CLI. Models: GPT-Image-2, FLUX Dev LoRA, FLUX.2 Klein LoRA, Gemini 3 Pro Image, Grok Imagine, Seedream 4.5, Reve, ImagineArt. Capabilities: text-to-image, image-to-image, inpainting, LoRA, image editing, upscaling, text rendering. Use for: AI art, product mockups, concept art, social media graphics, marketing visuals, illustrations. Triggers: flux, image generation, ai image, text to image, stable diffusion, generate image, ai art, midjourney alternative, dall-e alternative, text2img, t2i, image generator, ai picture, create image with ai, generative ai, ai illustration, grok image, gemini image, gpt image, openai image, chatgpt image