Redesign

What is Redesign?

Redesign is a free, open-source local tool that lets Claude create LinkedIn and Instagram carousels using your own codebase as the style guide. You describe what you want, and Claude builds the slides in a canvas editor you can preview and edit.

The core idea is to avoid starting from a blank canvas: Redesign pulls real components (such as cards, buttons, icons, and typography choices) from your repository and places them into the post, so the output aligns with your existing design system.

Key Features

• Local, open-source design workflow (MIT licensed): The tool runs on your machine and is MIT licensed.
• Codebase-driven styling: Point Redesign at your repo so Claude can use your existing icons, buttons, colors, fonts, and component structure as the basis for new posts.
• Canvas editor with live preview: Claude generates layers and validates changes before they’re saved, and you can watch the build in the UI.
• Reusable assets from composed layers: You can save layers or compositions as assets for reuse in future posts.
• MCP integration for Claude Code: Redesign is an MCP that hooks into Claude Code workflows without requiring an API key for Redesign itself.
• No server controlled by Redesign: The page states Redesign has no backend it controls; posts, images, and any API key stay on your machine.

How to Use Redesign

1. Install with one command: Run npx @nodewave-io/redesign in a terminal to set up the canvas app and auto-register the MCP with Claude Code.
2. Start the local canvas: The workflow references opening http://localhost:3000 to view the build interface.
3. Connect if tools don’t appear: If you don’t see the tools in Claude Code after restarting, run npx @nodewave-io/redesign connect.
4. Provide an instruction: Describe the post you want. The page indicates Claude then creates layers, alignment, and validations, and saves the resulting slides in the editor.
5. Edit and export: Use the canvas editor to adjust the slide content and component code, then export the carousel for the intended platform.

Use Cases

• Branded launch carousels for LinkedIn/Instagram: Generate a multi-slide carousel whose visual elements (icons, card styles, button shapes, and typography) come from your existing site components.
• Rapid iteration on promotional posts: Change copy, layout, or spacing with prompts, while keeping the same underlying component definitions from your repository.
• Turning high-performing slide sections into templates: Save a set of layers or compositions (e.g., a CTA section or slide layout) as reusable assets for next week’s posts.
• Designing with a team’s existing component library: For teams that already maintain UI components in code, Redesign uses those as a shared source of truth instead of manually recreating designs.
• Local-first workflows without uploading assets: If you prefer a setup where Redesign itself doesn’t run a backend, you can keep the generation and your assets on your machine.

FAQ

• What is Redesign? Redesign is a free, open-source local tool that lets Claude design LinkedIn and Instagram carousels in a controlled canvas editor.

• Is Redesign really free? Yes. The site states it is MIT licensed and runs on your machine. You pay Anthropic for your Claude usage, while the Redesign tool itself is free.

• What do I need to run it? The page specifies Node.js 20+ and Claude Code. It also notes one terminal command sets up the rest.

• Does Redesign upload anything to a server? No. The page states Redesign has no backend the project controls, and that posts, images, and any API key stay on your machine.

• How do I get the tools to show up in Claude Code? Restart Claude Code (it reads MCP config on start). If tools still don’t appear, run npx @nodewave-io/redesign connect to register the MCP.

Alternatives

• Template-based social post tools: Services that let you design carousels using templates. These typically don’t integrate with your existing codebase as a style guide, so you may spend more time matching your brand manually.
• Design tools with manual component recreation: Tools where you build or recreate UI components by hand (e.g., in a visual editor). This can be flexible for layout, but it doesn’t automatically reuse components from your repository.
• Code-first UI preview workflows: Approaches that render design in code and preview it locally. They may fit teams already working in UI codebases, but they won’t necessarily provide the same Claude-driven slide generation and validation workflow described for Redesign.