К основному содержанию
скилл Claude Code CX Codex Cursor GitHub Copilot

creative-director — скилл для Claude Code: установка

Скилл ведёт разработку креативной концепции от брифа до презентации и проверяет идеи по трём осям. Нужен для кампаний и критики концепций.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add nexu-io/open-design --skill creative-director -a claude-code
Открыть на GitHub

Что делает creative-director

creative-director работает как режиссёр дизайн-процесса: сначала фиксирует аудиторию, цель продукта, позиционирование бренда, стиль, плотность информации, типографику и визуальные ограничения. Затем он проверяет текущую страницу, вкладку браузера, дизайн-файл или папку проекта и подбирает последовательность действий.

Внутри заявлены 20+ методологий, включая SIT, TRIZ, Bisociation, SCAMPER и Synectics. Скилл оценивает результат по трём осям, ориентированным на Cannes, D&AD и HumanKind, и проходит пять фаз от брифа до презентации. Для полного upstream-сценария нужны исходные assets, scripts и references из отдельного набора, поэтому это повод проверить, установлен ли нужный bundle в каталоге скиллов агента.

Скилл также ищет доступные ресурсы OpenDesign: плагины, MCP-серверы, шаблоны, дизайн-файлы и подключённые коннекторы. При неясной эстетике он предлагает небольшой набор вариантов с рекомендуемым направлением.

Какие задачи решает

  • сформулировать критерии хорошего визуального решения
  • собрать концепцию кампании из брифа
  • провести творческую критику страницы или дизайн-файла
  • оценить идею по трём осям
  • выстроить путь от брифа до презентации

Примеры запросов агенту

  • Разработай концепцию кампании по этому брифу и оцени её по трём осям.
  • Проведи creative critique текущей страницы и предложи направление стиля.
  • Сделай `cannes review` этой идеи, используя подходящие методологии.

Как установить creative-director

1Через Skills CLI (Vercel)

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

2Вручную: положить файлы

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

Папка скилла целиком; для одного проекта — .claude/skills/creative-director/

Из того же набора39

Весь набор →
ui-ux-pro-max nexu-io Каталожная карточка для обнаружения скилла UI/UX Pro Max в репозитории OpenDesign. Помогает агенту распознавать запросы к паттернам интерфейсов и эвристикам юзабилити. Claude Code CX Codex Cursor +1 5 400установок frontend-design nexu-io Скилл для создания фронтенд-интерфейсов с продуманной типографикой, цветом и вёрсткой — от лендингов до дашбордов. Claude Code CX Codex Cursor +1 4 800установок threejs nexu-io Помогает ассистенту создавать 3D-сцены, настраивать материалы, камеру и пост-обработку на Three.js прямо в браузере. Claude Code CX Codex Cursor +1 3 400установок design-brief nexu-io Преобразует дизайн-бриф в формате I-Lang в конкретную спецификацию с палитрой, типографикой, плотностью и ограничениями. Устраняет неопределённость из фраз вроде «сделай профессионально». Claude Code CX Codex Cursor +1 3 400установок apple-hig nexu-io Подключает базу Apple Human Interface Guidelines для iOS, macOS, visionOS, watchOS и tvOS к агенту при проектировании интерфейсов. Claude Code CX Codex Cursor +1 3 200установок hatch-pet nexu-io Создаёт и упаковывает спрайтшиты анимированных питомцев для Codex в формате 8×9. Пригодится для сборки пиксельного компаньона по концепту или картинке-референсу. Claude Code CX Codex Cursor +1 3 100установок d3-visualization nexu-io Скилл учит агента создавать интерактивные графики и визуализации данных на D3.js. Подойдёт, если нужно быстро генерировать диаграммы для дашбордов, отчётов и прототипов. Claude Code CX Codex Cursor +1 3 100установок design-review nexu-io Проводит визуальный аудит интерфейса, вносит точечные правки атомарными коммитами и сохраняет скриншоты до и после изменений. Пригодится для полировки свёрстанного UI перед релизом. Claude Code CX Codex Cursor +1 3 100установок

Похожие

visual-design-foundations Seth Hobson Скилл помогает задать типографику, цвета и интервалы для проекта. Подойдёт, когда вы создаёте дизайн-токены или приводите интерфейс к единому стилю. Claude Code CX Codex Cursor 13 566установок baoyu-design JimLiu Скилл генерирует макеты интерфейсов, интерактивные прототипы и презентации в виде автономного HTML. Подходит для вёрстки экранов, дизайн-систем и схем. Claude Code CX Codex Cursor +1 6 300установок web-component-design Seth Hobson Скилл помогает проектировать компоненты для React, Vue и Svelte. Подойдёт для библиотек UI, дизайн-систем и рефакторинга старых компонентов. Claude Code CX Codex Cursor 13 167установок improve-ui ibelick Проверяет интерфейс на соответствие его дизайн-системе, находит доказанные расхождения и составляет планы исправлений для другого агента. Claude Code CX Codex Cursor +1 7 800установок premium-frontend-ui официальный Utkarsh Patrikar Направляет GitHub Copilot при создании визуально выразительных страниц и компонентов с анимацией. Подойдёт для лендинга или интерактивного портфолио. GitHub Copilot 4 900установок expo-native-ui expo Настраивает правила вёрстки нативных экранов в Expo по гайдам Apple HIG: цвета, элементы @expo/ui, SF Symbols и адаптивные отступы. Claude Code CX Codex Cursor +1 31 400установок frontend-design официальный anthropics Скилл задаёт осмысленное визуальное направление для новых интерфейсов и редизайна. Подойдёт, когда стандартный шаблонный UI не устраивает. Claude Code Claude.ai 1 025 790установок grill-me Matt Pocock Скилл проводит жёсткое интервью по плану или дизайну, чтобы найти пробелы и уточнить решения. Подойдёт перед началом разработки. Claude Code 1 424 476установок

Вопросы о creative-director

Как установить creative-director в Claude Code?

Выполните npx skills add nexu-io/open-design --skill creative-director -a claude-code, затем повторите npx skills add nexu-io/open-design --skill creative-director -a claude-code и проверьте файл ~/.claude/skills/creative-director/SKILL.md.

Что делает creative-director?

Скилл помогает пройти путь от брифа до презентации: формулирует критерии, подбирает методологии, проверяет текущий дизайн и оценивает идею по трём осям.

На каких платформах работает creative-director?

Скилл предназначен для Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI и OpenCode.

Исходный текст

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

Смотрите также

Спонсоры проекта

Компании, которые помогают держать аналитику открытой