RG Brand Creator

A Claude skill that takes one or more reference URLs, extracts their design language and helps you make it yours. The result is a self-contained DESIGN.md, with tokens per component, that Claude Code or any other AI can build projects from.

It does not copy the reference: it asks for your brandbook or assets, or runs a short interview about colour, typography, shape and motion, and it leaves nothing of the reference behind.

1. 1

   Extract: it reads each reference with the Dembrandt MCP and checks the values that decide the style against the real page, because generated summaries can be wrong.

2. 2

   Make it yours: it asks for a brandbook, logo and fonts, or interviews you, and says what it could extract and what is missing.

3. 3

   Write: it creates the DESIGN.md with radius, height, border and states per component, contrast checked and assumptions listed.

4. 4

   Refine: later you can ask for squarer buttons or another font. It updates the file and its change log and gives you a migration prompt for what is already built.

Once it is installed, ask Claude in plain words. For example:

• Create a DESIGN.md for my brand using https://example.com as the reference
• Make a design system with the style of this site, adapted to my brandbook
• In my DESIGN.md, make the buttons squarer and change the font to Geist

Pick one. Both install the same skill.

Install the RG Brand Creator skill from https://github.com/rogerpaniagua/rg-brand-creator-skill. Run npx github:rogerpaniagua/rg-brand-creator-skill and tell me when to restart Claude Code.

npx github:rogerpaniagua/rg-brand-creator-skill

• Node 18 or newer. Check with node -v, or get it from nodejs.org.
• The Dembrandt MCP. In Claude Code the skill installs it for you if it is missing.
• Claude's built-in browser, for the probe.