topskills

theme-factory

Single seed prompt → cohesive token system. Tokens that look intentional, not generated.

Score 0(?)OfficialAll surfacesby AnthropicSource
Verified for:

Install

$ npx skills add github.com/anthropics/skills --skill theme-factory
Install without a terminal (Claude.ai)

theme-factory is verified on Claude.ai, so you can install it from the browser — no command line. It then runs in Claude’s server-side sandbox, which has no shell and no access to your computer’s files: you upload what it should read and download what it produces.

  1. 1Turn on code execution. On claude.ai, open Settings → Capabilities and enable "Code execution and file creation". Skills that produce files need it, and it is off for some accounts by default.
  2. 2Download the skill folder. Follow the source link on the skill page to its repository and download the skill’s folder. Read the SKILL.md before you install it — it is plain text, and it is the instructions the agent will follow.
  3. 3Zip it and upload. Compress the folder into a .zip, then on claude.ai go to Customize → Skills and upload it. Skills you upload are private to your account.
  4. 4Ask for the work. Start a normal conversation and describe the job in your own words. The skill loads itself when your request matches what its description covers — you never invoke it by name.

Anthropic documents this flow in Use skills in Claude. See every Skill that installs this way.

Best for

Bootstrapping a design system from a vibe.

About this skill

Generate cohesive color, typography, and spacing themes from a single seed prompt.

TokensDesign systemTheming

Score breakdown

Score breakdown

rubric 1.0
Install count
0/20
Provenance
15/15
GitHub stars
0/15
Recency
6/10
Compatibility
4/10
Documentation depth
6.5/10
Install ergonomics
10/10
License
5/5
Verification freshness
3/5

Composite 0–100 score derived from 9 verifiable signals. See the rubric →

Related skills

Official

Escape generic AI-generated UIs. Forces a bold, distinctive design direction before any code is written.

ReactTailwindDesign
All surfaces
Low1 min
Official

Self-contained HTML artifacts with React + shadcn/ui — no build step, just paste and run.

Reactshadcn/uiArtifacts
All surfaces
Low1 min
Official

Lock generated UIs to a brand. Anthropic's own guidelines, formalized as a skill.

BrandGuidelinesIdentity
All surfaces
Low1 min

Ranked #8 in Frontend & UI

Publish the ranking in your README. The badge reads the live score, so it updates when the ranking does.

theme-factory — ranked #8 in Frontend & UI on Top Agent Skills
Markdown
[![theme-factory — ranked #8 in Frontend & UI on Top Agent Skills](https://top-agent-skills.com/badge/theme-factory.svg)](https://top-agent-skills.com/skill/theme-factory)
HTML
<a href="https://top-agent-skills.com/skill/theme-factory"><img src="https://top-agent-skills.com/badge/theme-factory.svg" alt="theme-factory — ranked #8 in Frontend & UI on Top Agent Skills"></a>

Skill FAQ

About theme-factory

What is the theme-factory skill?

Generate cohesive color, typography, and spacing themes from a single seed prompt.

Which agents does theme-factory work with?

Claude Code, Claude.ai (web app), Cursor.

How do I install theme-factory?

Run `npx skills add github.com/anthropics/skills --skill theme-factory` for Claude Code. See the install panel for per-agent commands.

Is theme-factory free to use?

Yes — theme-factory is open source (MIT).

Who maintains theme-factory?

theme-factory is published by Anthropic and was last updated on 2026-04-12.

What is theme-factory best for?

Bootstrapping a design system from a vibe.