creative-direction
Acerca de
Esta habilidad guía a los usuarios a través de cuatro ejes estéticos—tono, filosofía, relación con la audiencia y ambición sensorial—para generar un brief creativo estructurado. Se utiliza para establecer una dirección visual coherente en proyectos cuando solo existe un concepto vago, asegurando que las habilidades posteriores de diseño y contenido se alineen. El brief resultante sirve como referencia obligatoria para todas las tareas posteriores de producción estética.
Instalación rápida
Claude Code
Recomendadonpx skills add rampstackco/claude-skills -a claude-code/plugin add https://github.com/rampstackco/claude-skillsgit clone https://github.com/rampstackco/claude-skills.git ~/.claude/skills/creative-directionCopia y pega este comando en Claude Code para instalar esta habilidad
Documentación
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.
Repositorio GitHub
Habilidades relacionadas
creative-brief
OtroEsta habilidad ayuda a los desarrolladores a crear briefs creativos estructurados para traducir ideas de proyecto vagas en planes concretos y accionables para trabajos de diseño o desarrollo. Se activa al iniciar nuevos proyectos, alinear equipos o informar a las partes interesadas para garantizar una dirección clara antes de la ejecución. Úsala para delimitar el alcance de proyectos, definir requisitos y establecer una base compartida para la construcción.
information-architecture
OtroEsta habilidad ayuda a los desarrolladores a diseñar la base estructural de un sitio web o producto, incluyendo mapas del sitio, navegación, esquemas de URL y taxonomías de contenido. Se activa al planificar, auditar o reestructurar la organización a nivel de sistema sin una pila tecnológica predefinida. Úsala para establecer un marco de contenido claro antes de que comience la implementación.
brand-discovery
OtroEsta habilidad realiza investigación fundamental de estrategia de marca, analizando las necesidades de la audiencia, los competidores y la dinámica del mercado para definir el posicionamiento. Se activa al inicio de un proyecto mediante palabras clave como "investigación de audiencia" o "análisis competitivo" para establecer insumos esenciales. Úsala para clarificar el núcleo del problema antes de pasar a la ejecución creativa.
content-strategy
OtroLa habilidad de estrategia de contenido ayuda a los desarrolladores a planificar programas de contenido estructurados definiendo el posicionamiento editorial, los pilares de contenido y la gobernanza. Se activa al crear calendarios de contenido, clústeres de temas o al alinear el contenido con los objetivos de SEO y de marca. Úsala para planificar estratégicamente la producción de contenido en lugar de comenzar sin una hoja de ruta.
