brand-content-design

Manage brand assets - add, review, and copy assets to the project without re-running full extraction. Use when user says "add logo", "update fonts", "brand assets", "add brand image", "manage assets".

Extract brand elements from multiple sources and generate brand-philosophy.md. Use when user says "extract brand", "analyze brand", "brand from website", "brand from logo", "brand from screenshot", "get brand colors", "brand philosophy".

Initialize a new brand project folder structure for branded content creation. Use when user says "start brand project", "new brand", "setup brand", "initialize brand", "brand init".

Generate alternative color palettes from brand colors using color theory. Use when user says "color palette", "alternative colors", "generate palette", "brand palette", "color harmony", "tints and shades", "monochromatic palette".

Main entry point - show project status, switch projects, or start new one. Use when user says "brand status", "switch brand", "which brand", "show projects", "brand dashboard".

Create a carousel quickly with minimal questions. Use when user says "quick carousel", "fast carousel", "carousel now", "LinkedIn post quickly".

Create a carousel using an existing template (detailed, guided mode). Use when user says "create carousel", "LinkedIn carousel", "make carousel", "guided carousel".

Research and add a new content type to the brand project. Use when user says "add content type", "new content type", "extend brand", "add format".

Create or edit an HTML design system through guided wizard. Use when user says "html design system", "create design system", "web design system", "design tokens", "component library".

Create a branded HTML page quickly with minimal questions. Use when user says "quick HTML page", "fast landing page", "html page now", "quick web page".

Create a branded HTML page by selecting components from a design system. Use when user says "create HTML page", "make landing page", "build web page", "html page from design system", "compose page".

Create an infographic quickly with minimal questions. Use when user says "quick infographic", "fast infographic", "infographic now", "visualize this data quickly".

Create an infographic using an existing template (detailed, guided mode). Use when user says "create infographic", "make infographic", "guided infographic", "data visualization".

Generate an outline template and prompt for a presentation or carousel template. Use when user says "get outline", "outline for template", "prepare content", "content outline", "AI prompt for slides".

Create a presentation quickly with minimal questions. Use when user says "quick presentation", "fast slides", "presentation now", "make slides quickly".

Create a presentation using an existing template (detailed, guided mode). Use when user says "create presentation", "make slides", "presentation from template", "guided presentation".

Create or edit a carousel template through guided wizard. Use when user says "create carousel template", "new carousel template", "carousel template wizard".

Create or edit an infographic template through guided wizard. Use when user says "create infographic template", "new infographic template", "infographic template wizard".

Create or edit a presentation template through guided wizard. Use when user says "create presentation template", "new slide template", "presentation template wizard", "edit template".

Analyze brand assets (screenshots, documents, logos, websites) to extract brand elements including color palettes with color theory analysis. Use proactively when user provides assets for brand analysis.

Use when user says "create presentation", "make slides", "make carousel", "LinkedIn carousel", "create HTML page", "make landing page", "build web page", "html design system", "design system", "setup brand", "brand init", "extract brand", "get outline", "color palette", "alternative colors", "infographic", "brand assets", "brand project". Use PROACTIVELY when user wants to create any visual content with consistent branding. MUST be invoked for branded content — routes to the correct command for presentations, carousels, infographics, and HTML pages.

Use when generating branded HTML pages and components from a design system. Creates standalone HTML components and composes them into full pages with embedded CSS, responsive design, and brand integration.

Use when creating infographics, data visualizations, process diagrams, timelines, or comparisons - generates branded infographics using @antv/infographic with 114 templates across 7 categories. Triggers on "create infographic", "make infographic", "visualize data", "timeline", "process diagram".

Use when creating branded presentations or carousels. Generates museum-quality visual output from canvas philosophy, enforcing style constraints. Outputs PDF first, then converts to PPTX for editability.

2 hooks across 2 events