Claude Creative Studio
Claude Code plugin for generating professional Design Applications (DA): logos, 3D renders, interactive HTML brandbook, branded visuals, React design system, LinkedIn/Instagram carousels, and automated user guides.
Installation
/plugin marketplace add BULDEE/claude-creative-studio
/plugin install claude-creative-studio@claude-creative-studio
Or locally for testing:
claude --plugin-dir /path/to/claude-creative-studio
What You Can Do
Create a logo + 3D proposals
Create a logo for "MyCompany" in the healthcare sector
Claude consults your DA references, proposes 3 creative directions, generates visuals, then systematically proposes 3 cinematic 3D renders (obsidian, concrete, frosted glass) with different materials.
Generate an interactive DA
Generate the HTML DA for my project
Claude reads brand.json and generates a professional-quality single-file HTML with 16 sections: symbol, moodboard, palette, font exploration, typography, construction grid, clear zone, dark/light components, specifications, landing preview, data-viz, brand applications, states, design tokens. Vercel/Linear standard.
Export the full branding
Export the full branding to a branding/ folder
Claude compiles all assets: 8 logo variants (flat, lockup, mono, app-icons), 3-5 3D renders, social assets, brand-tokens.css, tailwind.preset.ts, HTML DA, favicon.ico, README.
Generate branded visuals
Generate a hero image for the landing page
Claude automatically detects your project's palette (Tailwind, CSS, brand.json) and generates consistent visuals via Gemini or OpenAI.
Create LinkedIn/Instagram carousels
Create a LinkedIn carousel about copywriting
Claude generates a viral 10-slide carousel with psychological hooks, branded visuals per slide, and .pptx export for Canva (or Figma).
Run the full pipeline
Run the brand pipeline for "MyProduct"
8-phase pipeline with user validation at each step:
- Exploration — 3+ artistic directions
- Brandbook — selected direction +
brand.json
- HTML DA — interactive Design Application (the-[name].html)
- 3D Logos — 3-5 cinematic renders with different materials
- Brand Export — complete
branding/ folder with all assets
- Landing Page — React + Tailwind + tokens
- Design System — components + Tailwind preset
- Social Carousels — acquisition carousels
Create a user guide
Create a user guide for myapp.com with screenshots
Claude navigates the app via Playwright, captures screens, and assembles a complete Markdown guide.
Configure the image provider
/creative:setup-provider
Guided configuration of the provider (free Gemini or paid OpenAI).
Index brandbook references (RAG)
/creative:ingest-references
Index your professional brandbook PDFs and image folders into a searchable knowledge base. The plugin uses these references to calibrate prompts, construction grids, and 3D material specs. Gemini Vision analyzes each page — free within the 1,500/day limit.
Components
| Component | Type | Description |
|---|
design-logo | Skill | Logo creation + systematic 3D proposals |
brand-visuals | Skill | Branded visuals with auto DA detection |
brand-da | Skill | Interactive single-file HTML DA (16 sections) |
brand-export | Skill | Full branding/ folder export (logos, 3D, tokens, DA) |
social-carousels | Skill | Viral LinkedIn/Instagram carousels (10 slides + Canva export) |
brand-pipeline | Skill | Brand-to-code pipeline in 8 phases with validation gates |
app-guide-generator | Skill | Guides with Playwright screenshots |
setup-provider | Command | Guided image provider configuration (Gemini/OpenAI) |
ingest-references | Command | Index brandbook references into RAG database |
setup-gemini | Command | Guided Gemini key configuration (legacy) |
art-director | Agent | Creative lead, validates the DA (opus) |
visual-designer | Agent | Generates visuals via configured provider (sonnet) |
carousel-copywriter | Agent | Viral carousel copywriting (sonnet) |
design-system-engineer | Agent | React tokens, components, Tailwind (sonnet) |
creative-knowledge | MCP | Access to reference files |
Image Provider
The plugin supports two professional image providers:
| Provider | Variable | Cost | Quality |
|---|
| Gemini (default) | GEMINI_API_KEY | Free (~500/day Flash) | Excellent |
| OpenAI | OPENAI_IMAGE_KEY | ~$0.04-0.19/image | Excellent |
Configuration
/creative:setup-provider
Or manually:
# Gemini (free)
echo 'export GEMINI_API_KEY="your-key"' >> ~/.zshrc
# OpenAI (paid)
echo 'export OPENAI_IMAGE_KEY="your-key"' >> ~/.zshrc
source ~/.zshrc
BULDEE