MCPInstall

creative-strategist

Establishes a brand's visual direction and compresses it into a Creative Direction Brief with a paste-ready 'style block' that every downstream image prompt reuses, so all generated assets look like they came from one brand. Use when the user says 'define my brand style', 'I want a consistent look', 'what should my visuals look like', 'help me pick an aesthetic / mood / color palette', 'my generated images all look different', or before any multi-asset creative work where no style guide exists yet. Produces the Creative Direction Brief: aesthetic profile, palette with hex codes, style block for prompts, and prohibitions.

Installs
80
Last 24h
—
Trending rank
—
Security
Not audited

Install

Works with every agent the skills CLI supports.

npx skills add https://github.com/sanky369/vibe-building-skills --skill creative-strategist
  1. 01

    Install

    Run the command in your project. The CLI asks which agents to install for.

  2. 02

    Describe the task

    Ask your agent for something this skill covers. It loads creative-strategist automatically when relevant.

  3. 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 Strategist

Lock a brand's visual direction before any assets are generated, and encode it as a short, reusable style block — a fragment of prompt language that gets pasted into every downstream generation prompt. Prime rule: consistency beats beauty. Ten assets in one coherent style build a brand; ten gorgeous assets in ten styles build noise. The brief exists so that image prompts written weeks apart still produce siblings.

When to use / when not to

Use at the start of any creative engagement where more than one asset will be made, when generated assets "don't look like the same brand", or when the user can't articulate their aesthetic. Hand off instead when:

  • The direction already exists (a real style guide or a prior brief) → go straight to skills/creative/image-generation or the specialist skills.
  • The user needs the actual assets, not direction → after this brief, route via skills/creative/orchestrator or the specific asset skill.
  • The question is product strategy ("who is this for?"), not visuals → skills/product-strategy/foundation-sprint first; its customer/differentiators feed this brief.

Intake

Ask in one batch, only what's missing:

  1. Brand & offer — what is the product/company, in a sentence?
  2. Audience — who must these visuals appeal to?
  3. Existing constraints — logo, colors, fonts, or reference images already in use? (Ask for hex codes or links if they exist.)
  4. Mood in 3 adjectives — how should someone feel seeing the brand?
  5. Anti-examples — any brand or style they hate?

Infer, don't ask: industry conventions (fintech skews trustworthy/clean, D2C lifestyle skews warm/photographic); primary destinations from context (an e-commerce user needs product-photo direction more than illustration direction). Don't stall: with brand + audience known, propose the rest as labeled assumptions and proceed.

Workflow

  1. Diagnose the aesthetic space. From intake, place the brand on the core spectrums: photorealistic ↔ illustrative, minimal ↔ maximal, warm ↔ cool, playful ↔ serious, mass ↔ premium. Note where competitors sit — matching them is a choice, not a default; flag one deliberate point of visual contrast.
  2. Propose 3 distinct direction candidates. Each gets a name, a one-line vibe, a 3–5 color palette (with hex codes), lighting + composition defaults, and one sentence on why it fits the audience. Make them genuinely different directions (e.g. "Warm Editorial" vs "Clinical Minimal" vs "Bold Flat Illustration"), not shades of one idea. The user picks one; you may recommend, with a one-line reason.
  3. Lock the aesthetic profile. Fill every field of the profile in the output format below. No field may read "flexible" or "depends" — a value the user can overrule later beats a blank.
  4. Write the style block. Compress the profile into 1–3 lines of literal prompt language, e.g.: photorealistic, warm golden-hour lighting, rule-of-thirds composition, warm gold (#C9A227) and cream (#F5EFE0) palette, approachable premium mood, highly detailed, professional photography Test it mentally against three different asset types (product shot, social graphic, illustration) — if it only works for one, generalize the wording and move medium-specific details into the per-medium adaptations.
  5. Set prohibitions and consistency rules. 3–7 concrete "never" rules (e.g. "never neon colors", "no stock-photo handshake clichés", "no more than two typefaces") and the rule for when secondary style variants may be used.
  6. (Optional) Validate with a test generation. If FAL_API_KEY is set, generate one probe image per finalist direction so the user picks from pixels, not adjectives: python docs/creative_cli.py custom --category style-tests --name <direction-slug> --prompt "<representative subject>, <style block>" --resolution 1K (Full automation reference: skills/creative/image-generation/references/automation.md.)

Required output format

Deliver exactly this brief (markdown, concise):

# Creative Direction Brief — [brand]

## Chosen direction: [name] (rejected: [alt 1], [alt 2] — one-line why)

## Aesthetic profile
| Field | Value |
| Primary style | photorealistic / illustrative / minimal / abstract / mixed: ... |
| Color palette | [name #hex] x 3–5, with roles (primary / secondary / accent) |
| Mood | [3 adjectives] |
| Lighting default | [e.g. soft studio, natural golden hour, dramatic rim] |
| Composition default | [e.g. centered + negative space, rule of thirds] |
| Detail level | minimal / moderate / high |
| Audience | [who this must appeal to] |
| Deliberate contrast | [the one way we look different from the category] |

## Style block (paste into every image prompt)
> [1–3 lines of literal prompt language]

## Per-medium adaptations
- Product photography: [what changes — background, lighting]
- Social graphics: [what changes — contrast, text space]
- Brand assets / illustration: [what changes — flatness, line weight]

## Prohibitions
1. Never ...
2. Never ...

## Consistency rule
Every prompt for this brand includes the style block verbatim; deviations are
proposed to the user first, never improvised.

Quality bar

  • User chose from 3 genuinely distinct directions (or explicitly skipped the choice)
  • Every palette color has a hex code and a role
  • Style block is literal prompt language — paste-ready, no meta-instructions like "use brand colors"
  • Style block works for at least three asset types via the per-medium adaptations
  • Prohibitions are concrete and checkable, not "avoid bad design"
  • No invented market claims about what "converts better" — label taste as taste, heuristics as heuristics

Hard don'ts: never deliver a brief with TBD fields; never let the user pick "all three directions"; never restyle mid-project without updating this brief first.

Integration

  • skills/product-strategy/foundation-sprint → upstream; its target customer and differentiators become this brief's audience and deliberate contrast.
  • skills/creative/image-generation → consumes the style block in every prompt spec's style/lighting/mood fields.
  • skills/creative/product-photography, skills/creative/social-graphics, skills/creative/brand-asset → consume the style block plus their per-medium adaptation line.
  • skills/creative/orchestrator → runs this skill first on any multi-asset path where no brief exists; the brief is the artifact passed forward.

FAQ

What does the creative-strategist skill do?

Establishes a brand's visual direction and compresses it into a Creative Direction Brief with a paste-ready 'style block' that every downstream image prompt reuses, so all generated assets look like they came from one brand. Use when the user says 'define my brand style', 'I want a consistent look', 'what should my visuals look like', 'help me pick an aesthetic / mood / color palette', 'my generated images all look different', or before any multi-asset creative work where no style guide exists yet. Produces the Creative Direction Brief: aesthetic profile, palette with hex codes, style block for prompts, and prohibitions.

How do I install creative-strategist?

Run npx skills add https://github.com/sanky369/vibe-building-skills --skill creative-strategist 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-strategist/ (personal) or .claude/skills/creative-strategist/ (project).

Which AI agents can use creative-strategist?

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-strategist 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-strategist?

It is published by sanky369 in sanky369/vibe-building-skills. It has 80 recorded installs.

More from sanky369/vibe-building-skills

View all →

social-graphics

sanky369/vibe-building-skills

Produce platform-correct social media graphics: pick the right dimensions and layout per platform, write the headline/body/CTA copy, build the generation prompt, and generate the image via the repo's FAL.ai pipeline. Use whenever the user wants a social post visual, Instagram post/story/carousel, LinkedIn graphic, Twitter/X image, TikTok thumbnail, Pinterest pin, launch announcement graphic, or 'something to post about X' — even if they never name a platform. Also use to adapt one design across several platforms. Produces a Social Graphic Spec per asset (platform, dimensions, layout, copy, full generation prompt) plus generated images when FALAPIKEY is available.

Marketing & SEO603 installs

direct-response-copy

sanky369/vibe-building-skills

Write copy engineered to drive one specific action — landing pages, sales pages, opt-in pages, ads, promotional emails — using an eight-part direct-response architecture (hook, problem, mechanism, solution, proof, objections, CTA, urgency). Use when the user says 'write my landing page / sales page / ad', 'this page isn't converting', 'rewrite my homepage copy', 'write copy for my lead magnet page', or any request for persuasive copy with a measurable action at the end. Produces the full copy draft, section-labeled against the architecture, plus hook alternatives and a conversion checklist.

Marketing & SEO398 installs

tweet-writer

sanky369/vibe-building-skills

Open the skill to read its SKILL.md instructions.

Docs & Writing318 installs

typography-system

sanky369/vibe-building-skills

Build or repair a typography system: a modular type scale, font choices and loading, hierarchy, line-height/line-length, and fluid sizing — delivered as tokens (Tailwind fontSize config or CSS variables) applied to real components. Use when the user says 'the text looks off', 'fonts are inconsistent', 'headings don't stand out', 'pick fonts for me', 'it's hard to read', 'too many font sizes', or when an audit finds font-size sprawl. Chooses the scale ratio from product density (dense app vs marketing vs editorial), verifies contrast and measure, and produces the type tokens plus a migration map from existing rogue sizes.

Frontend & Design258 installs

remotion-script-writer

sanky369/vibe-building-skills

Write a complete, render-ready Remotion video script as structured JSON: analyze the user's codebase or product, break the video into timed scenes, specify every visual element, animation, transition, and voiceover line, and list required assets and Remotion packages. Use whenever the user wants a Remotion video, a programmatic/code-rendered video, a product demo video of their app, an animated coding tutorial, a data-visualization video, or short-form animated social content — trigger on 'make a video of my app', 'Remotion', 'animated demo', 'code walkthrough video', 'render a video from code'. Produces a Remotion Script JSON (videoMetadata, scenes[], requiredAssets, technicalRequirements) that Remotion agent tooling can implement directly.

Media & Creative219 installs

product-video

sanky369/vibe-building-skills

Open the skill to read its SKILL.md instructions.

Media & Creative210 installs

Popular media & creative skills

View category →

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 & Creative1.2M installs

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.

Media & Creative1.1M installs

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.

Media & Creative1M installs

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.

Media & Creative916.5K installs

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

Media & Creative881.5K installs

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

Media & Creative880.3K installs