Skip to main content
affpapa.org
RU EN
skill Claude Code CX Codex Cursor GitHub Copilot

creative-director — Claude Code skill: what it does, how to install

This skill takes a creative concept from brief to presentation and checks it on three axes. Use it for campaign ideas and creative critique.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓ 
npx skills add nexu-io/open-design --skill creative-director -a claude-code
Open on GitHub

What creative-director does

creative-director directs a design workflow instead of applying a single polish checklist. It first defines the audience, product goal, brand posture, style references, information density, typography, palette and motion tone. It can then inspect an HTML page, browser tab, design file, attached image or project folder and arrange the available resources into stages.

The skill includes 20+ methods such as SIT, TRIZ, Bisociation, SCAMPER and Synectics. It evaluates work on three axes calibrated against Cannes, D&AD and HumanKind, following a five-phase path from brief to presentation. The full upstream workflow depends on the original assets, scripts and references, so check that the upstream bundle is present in the agent's skills directory before relying on those parts.

OpenDesign mode can search connected skills, plugins, MCP servers, templates, design files and connectors. When the aesthetic direction is unclear, it presents a small guided choice set with a recommended default.

What it helps with

  • define criteria for a visual direction
  • turn a brief into a campaign concept
  • critique an existing page or design file
  • score an idea on three axes
  • move a concept from brief to presentation

Example prompts for the agent

  • Develop a campaign concept from this brief and assess it on three axes.
  • Run a creative critique of the current page and propose a style direction.
  • Use `cannes review` on this idea and choose the relevant methods.

How to install creative-director

1Skills CLI (Vercel)

npx skills add nexu-io/open-design --skill creative-director -a claude-code

2Manually: put the files in place

~/.claude/skills/creative-director/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/creative-director/

From the same set39

The whole set →
ui-ux-pro-max nexu-io A discovery catalog entry for the UI/UX Pro Max skill in OpenDesign. It registers design system triggers so agents recognize interface usability requests. Claude Code CX Codex Cursor +1 5,400installs frontend-design nexu-io Skill for building frontend interfaces with considered typography, color and layout — from landing pages to dashboards. Claude Code CX Codex Cursor +1 4,800installs threejs nexu-io Guides the agent in building browser 3D scenes, materials, interactive controls, and post-processing with Three.js. Claude Code CX Codex Cursor +1 3,400installs design-brief nexu-io Parses an I-Lang design brief into a concrete spec with palette, typography, density, and constraints. Eliminates ambiguity from phrases like "make it professional." Claude Code CX Codex Cursor +1 3,400installs apple-hig nexu-io Integrates Apple Human Interface Guidelines for iOS, macOS, visionOS, watchOS, and tvOS into your coding agent during planning. Claude Code CX Codex Cursor +1 3,200installs hatch-pet nexu-io Creates, validates, and packages 8×9 animated pet spritesheets for Codex. Use it when turning visual references or concept prompts into importable digital pet companions. Claude Code CX Codex Cursor +1 3,100installs d3-visualization nexu-io This skill teaches the agent to create interactive D3.js visualizations. Use it to generate charts for dashboards, reports, and data-rich prototypes. Claude Code CX Codex Cursor +1 3,100installs design-review nexu-io Audits UI visually, fixes flaws with atomic commits, and captures before/after screenshots. Useful for tightening shipped interface code right before launch. Claude Code CX Codex Cursor +1 3,100installs

Similar

visual-design-foundations Seth Hobson This skill helps define typography, color, spacing, and icon rules for a project. Use it when setting up design tokens or bringing an interface into visual consistency. Claude Code CX Codex Cursor 13,566installs baoyu-design JimLiu Generates UI mockups, interactive prototypes, slide decks, and design systems as self-contained HTML. Useful whenever an agent needs to produce interface layouts. Claude Code CX Codex Cursor +1 6,300installs web-component-design Seth Hobson This skill helps design reusable components for React, Vue, and Svelte. Use it for UI libraries, design systems, or legacy component refactors. Claude Code CX Codex Cursor 13,167installs improve-ui ibelick Audits an interface against its own design system, finds proven inconsistencies, and writes fix plans for another agent without touching source. Claude Code CX Codex Cursor +1 7,800installs premium-frontend-ui official Utkarsh Patrikar Guides GitHub Copilot when building animated web interfaces. Use it for a visually distinctive landing page or interactive portfolio. GitHub Copilot 4,900installs expo-native-ui expo Guides your coding agent in building native-feeling Expo screens with Apple HIG styling, @expo/ui components, SF Symbols, and semantic colors. Claude Code CX Codex Cursor +1 31,400installs frontend-design official anthropics This skill guides intentional visual design for new interfaces and redesigns. Use it when a generic generated UI is not enough. Claude Code Claude.ai 1,025,790installs grill-me Matt Pocock grill-me interviews you about a plan or design to expose gaps and sharpen decisions. Use it before implementation starts. Claude Code 1,424,476installs

Questions about creative-director

How do I install creative-director in Claude Code?

Run npx skills add nexu-io/open-design --skill creative-director -a claude-code, run npx skills add nexu-io/open-design --skill creative-director -a claude-code again, then check ~/.claude/skills/creative-director/SKILL.md.

What does creative-director do?

It guides creative work from brief to presentation, selects suitable methods, inspects the current design target and evaluates the idea on three axes.

Which platforms support creative-director?

The skill is available for Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI and OpenCode.

Source text

SKILL.md · Apache-2.0 
---
name: creative-director
description: |
  AI creative director with recursive self-assessment: 20+ methodologies (SIT, TRIZ, Bisociation, SCAMPER, Synectics), 3-axis evaluation calibrated against Cannes/D&AD/HumanKind, 5-phase process from brief to presentation.
triggers:
  - "creative director"
  - "campaign concept"
  - "creative critique"
  - "cannes review"
  - "scamper"
od:
  mode: design-system
  category: creative-direction
  upstream: "https://github.com/smixs/creative-director-skill"
---

# creative-director

> Curated from @smixs.

## What it does

AI creative director with recursive self-assessment: 20+ methodologies (SIT, TRIZ, Bisociation, SCAMPER, Synectics), 3-axis evaluation calibrated against Cannes/D&AD/HumanKind, 5-phase process from brief to presentation.

## OpenDesign orchestration mode

When this skill is invoked inside OpenDesign, treat it as the design-flow
director, not as a single polish checklist.

1. Define what "good-looking" means before changing pixels: audience, product
   goal, brand posture, style references, information density, typography,
   palette, motion tone, asset needs, and explicit anti-patterns such as
   generic AI gradients, empty cards, vague copy, and template symmetry.
2. Inspect the current target: HTML/page element, browser tab, design file,
   active design system, attached image, or project folder.
3. Search across every available OpenDesign resource, not only this skill:
   skills, plugins, MCP servers and templates, connected connectors, design
   files, active browser/context, and user-provided assets.
4. Match resources into a staged workflow. Typical lanes are critique,
   style-direction selection, visual asset generation, motion, data/proof
   grounding, implementation polish, responsive/accessibility hardening, and
   final verification.
5. When the design target or aesthetic bar is ambiguous, present a small
   guided UI-style choice set or form with a recommended default. Continue the
   workflow after the choice instead of stopping at a generic question.
6. If the best resource is not configured yet, explain why it is needed and
   guide setup; otherwise use the closest configured alternative and mark the
   tradeoff.

## Source

- Upstream: https://github.com/smixs/creative-director-skill
- Category: `creative-direction`

## How to use

This catalogue entry advertises the skill in OpenDesign so the agent
discovers it during planning. To run the full upstream workflow with
its original assets, scripts, and references, install the upstream
bundle into your active agent's skills directory:

```bash
# Inspect the upstream README for exact paths
open https://github.com/smixs/creative-director-skill
```

Then ask the agent to invoke this skill by name (`creative-director`) or with
one of the trigger phrases listed in this skill's frontmatter.

© nexu-io · Apache-2.0 · nexu-io/open-design

See also

Project sponsors

Companies that keep this analytics open
Gold sponsor
Nutra.Club

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor