Design and interfaceClaude apps and Claude Code

Anthropic / theme-factory

How do you make ten generated pages look like one product?

Generate the theme once, then apply it, instead of describing the style ten times.

What to remember

  1. Themes make consistency mechanical instead of a matter of remembering.
  2. Deciding the theme once is faster than describing the style in every prompt.
  3. It sits below brand-guidelines: the brand states the rules, the theme implements them.
  4. Check a theme against two very different layouts, because that is where it breaks.

01What it changes in practice

Generated work drifts because each session re-decides the styling. A theme moves that decision out of the prompt and into an artifact that can be reused and corrected.

It also makes review cheaper. Reviewing a theme once is faster than reviewing the styling of every page that will ever use it.

02Where it disappoints

A theme derived from one screenshot tends to be shallow, capturing colours but missing spacing and rhythm, which are what actually make a product feel coherent.

Complex component libraries with many states still need manual work, because a generated theme rarely covers hover, disabled and error states consistently.

Install and first run

  1. Install it from anthropics/skills under Apache 2.0.
  2. Create a theme from an existing product or a described direction, and name it.
  3. Build two different pages with the same theme, and compare them side by side before going further.

Questions people actually ask

How is this different from brand-guidelines?
Brand guidelines state the rules for humans and models. A theme is the implementation those rules produce.
Can I build a theme from an existing site?
Yes, and it is a common starting point, but check spacing and states, which are usually captured poorly.
Do themes work across documents and interfaces?
Partially. Interfaces benefit most, while document formats still need their own templates.

Sources

  1. anthropics/skills on GitHubrepository
  2. anthropics/skills, theme-factory skill directorydocumentation

Machine readable versions of this page