Back to Agent Skills
Frontend & Design
Theme Factory
by Anthropic 161k GitHub stars
Generate professional font and color themes for artifacts and web UIs with cohesive, ready-to-use design tokens.
#theme#color#typography#tokens
Claude Code Codex
Overview
Theme Factory produces cohesive professional themes — font pairings and color palettes — for use in artifacts and web interfaces. It gives a fast, tasteful starting point for the visual system of a new project.
What it is good for
- Generating a font-and-color theme
- Bootstrapping an artifact's visual style
- Creating cohesive design tokens
- Exploring palette options quickly
Install
Install in Claude Code
# Add the marketplace, then install the skill in Claude Code:
/plugin marketplace add anthropics/skills
/plugin install theme-factory
# Or install manually into ~/.claude/skills:
git clone https://github.com/anthropics/skills.git
cp -r skills/theme-factory ~/.claude/skills/theme-factoryExplore AI Tools
Discover the best AI tools that complement your skills
Read AI & Design Articles
Tips and trends in the world of design and AI
Related Skills
Frontend & Design
Frontend Design
Create distinctive, production-grade frontend interfaces that avoid generic AI aesthetics — pages, components, artifacts, and posters.
Claude Code Codex
Frontend & Design Web Artifacts Builder
Construct complex, multi-component HTML artifacts for Claude.ai using React and Tailwind.
Claude Code Codex
Frontend & Design Animation Systems
Product-grade web motion like Stripe, Linear, Apple, and Vercel — easing/duration defaults, choreography, performance, and reduced-motion.
Claude Code Codex