claude-creative-studio

Generates an interactive Design Application (DA) as a single-file HTML brandbook with 10 sections (symbol, palette, typography, dark/light components, specifications, landing page, data-viz, states, design tokens). Vercel/Linear quality level. Triggered by 'DA', 'design application', 'brandbook HTML', 'interactive brandbook', 'the-prism', 'DA interactive', 'generate DA'.

Exports the complete brandbook into a branding/ folder — logos (flat, lockup, mono, app-icons), 3D renders, social assets, brand-tokens.css, tailwind.preset.ts, interactive DA HTML, favicon.ico, icon.svg, README. Triggered by 'brand export', 'export branding', 'generate assets', 'branding folder', 'export brand', 'compile brand', 'export DA'.

Generates branded visuals (hero images, illustrations, banners, OG images) via Gemini (Nano Banana) or OpenAI (gpt-image-1). Automatically detects the current project's DA via Tailwind config, CSS variables, brand.json, or CLAUDE.md. Triggered by 'visual', 'hero image', 'illustration', 'banner', 'OG image', 'brand asset', 'Nano Banana', 'branded visual', 'generate image'.

Generates professional logo concepts with a senior Art Director approach, including systematic 3D proposals. Supports Gemini (Nano Banana) and OpenAI (gpt-image-1). Uses validated DA examples from knowledge/logo-references/. Triggered by 'logo', 'design-logo', 'visual identity', 'branding', 'brand guidelines', '3D logo'.

Generates high-performance LinkedIn/Instagram carousels with viral copywriting and branded visuals via Nano Banana. Exports as editable frames (Canva or Figma). Triggered by 'carousel', 'LinkedIn post', 'Instagram post', 'slides', 'social media', 'acquisition', 'social content', 'LinkedIn carousel'.

Generates comprehensive user guides with automatic screenshots via Playwright MCP. Triggered by 'guide', 'documentation', 'tutorial', 'walkthrough', 'onboarding', 'help doc', 'user manual', 'screenshot guide'.

Complete brand-to-code pipeline in 8 phases — artistic exploration, final brandbook, 3D proposals, interactive HTML design application, React landing page, design system, social media carousels, and full branding/ export. Orchestrates design-logo, brand-visuals, brand-da, brand-export, and social-carousels. Triggered by 'brandbook', 'brand pipeline', 'brand creation', 'brand to code', 'design system', 'full branding', 'brand identity workflow', 'create brand', 'brand exploration'.