Skip to main content
Home/Recipes/Rebrand an existing application
AI Pipelines

Rebrand an existing application

DeveloperDesignerAgency

Overview

Extract the new brand's tokens. Feed the JSON and your existing codebase to Claude Code. The agent applies the new visual language (colors, type, spacing, radii) across the whole product.

When a brand changes its visual identity, every hardcoded color value, font reference, spacing constant, and border radius in the codebase needs to be updated. Extract the new brand's tokens using Dembrandt, then feed the extraction JSON alongside the existing codebase into Claude Code. The agent audits every hardcoded value, matches it against the new token set, and produces a complete rebrand, replacing wrong values with correct ones throughout the codebase. This replaces a week of manual find-and-replace with a single agent session.

Extract new brand tokens

Terminal
dembrandt new.example.com --save-output
Claude Code prompt
# With extraction JSON and codebase in context:
"Apply these extracted design tokens to the attached codebase.
Replace hardcoded color values, type sizes, spacing, and border
radii with the new brand values."
Output

Complete visual rebrand: hardcoded values replaced with new brand tokens.

More in AI Pipelines

Clone a brand's design languageBuild a design system in Claude CodeBrand guide PDF vs. live siteCross-app token comparisonBuild a design system in Figma via MCPPaste tokens to Figma MakeImprove a Google Stitch prompt with brand contextTurn a live site plus brand guide into a Figma design systemAuthor a design system from screenshots, brand guide, and tokens in Figma or PenpotBuild on-brand UI in Claude artifactsGenerate a branded presentationFind tokens that fit a page's purposeBrand guardrail for AI-generated UI

Browse all

All recipes →

52 workflows

Continue reading

Getting started

Install Dembrandt and turn any public website into a complete set of design tokens in under 2 minutes. All you need is Node.js and a terminal.

Read more

MCP

Use Dembrandt as a tool inside Claude Code, Cursor, Windsurf, or any MCP-compatible editor. Your agent extracts live design tokens automatically when you ask.

Read more

Skills

30 UX and design system skills for AI agents. Install once, your agent designs with hierarchy, WCAG standards, and brand accuracy. The UX knowledge that normally costs senior consultant days.

Read more