Automating Custom Instagram Carousels with Claude Code

Creating a Reusable Design System

To move beyond generic AI-generated content, extract a design system from visual references found on platforms like Pinterest. By uploading a screenshot of a preferred aesthetic to the Claude desktop app, you can prompt the model to generate a formal design system in both HTML and a .md (Markdown) file. The Markdown file acts as the primary instruction set, translating visual decisions—such as color palettes, typography hierarchy, spacing rules, and composition logic—into a structured language that Claude Code can interpret to maintain visual consistency across future assets.

Integrating Higgsfield via MCP

Claude Code utilizes the Model Context Protocol (MCP) to interface with external tools like Higgsfield for image generation. To set this up, add the Higgsfield MCP connector in the Claude desktop settings under the Manage Connectors menu. Once connected, Claude Code can reference the local .md design system file to generate image prompts that adhere to your specific brand style. This allows for the automated creation of visual assets that align with your established design rules without requiring manual prompt engineering for every individual slide.

Automating Carousel Workflows

By defining a "skill"—a set of repeatable instructions—within Claude Code, you can automate the entire carousel production process. This skill should include a defined structure: a hook, a direct address of the audience's pain point, a numbered list of steps to solve the problem, a summary of results, and a clear call-to-action (CTA). Once the skill is saved, you can trigger it by typing the command (e.g., /Aurora) and providing a topic. Claude will then generate the slide content, captions, and LinkedIn posts based on the established design system and your specific audience parameters.