create-theme
Designs and implements theme specifications using the Clef Surface DSL.
Install
mkdir -p .claude/skills/create-theme && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/12921" && unzip -o skill.zip -d .claude/skills/create-theme && rm skill.zipInstalls to .claude/skills/create-theme
Activation
This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.
Design and create a new Clef Surface theme specification (.theme file). Defines palette, typography, spacing, motion, elevation, radius, and the advanced expressive axes — material, mood, density, motif, iconography, colorScheme, colorSpace, fontMetrics, typeScale, shape, scope, springPhysics, motionChoreography, imageFilter, preference, constraint, tokens — through the unified theme DSL.Key capabilities
- →Define a new visual theme for a Clef Surface application
- →Create a dark mode, high-contrast, or brand-specific variant
- →Extend an existing base theme with overrides
- →Establish design tokens (colors, type, spacing, motion) in a declarative spec
- →Capture an expressive aesthetic through advanced axes
- →Design the palette using oklch for perceptual uniformity
How it works
The skill designs and creates a new Clef Surface theme specification (.theme file) by defining palette, typography, spacing, motion, and advanced expressive axes through a unified theme DSL.
Inputs & outputs
When to use create-theme
- →Creating a new visual theme
- →Defining dark mode variants
- →Setting design tokens
About create-theme
Generates .theme files covering palette, typography, spacing, and expressive axes like mood and density. It acts as the single source of truth for design tokens.
Design and create a new Clef Surface theme specification (.theme file). Defines palette, typography, spacing, motion, elevation, radius, and the advanced expressive axes — material, mood, density, motif, iconography, colorScheme, colorSpace, fontMetrics, typeScale, shape, scope, springPhysics, motio
When not to use it
- →Do not use this skill for component styling
- →Do not use this skill for layout definitions
- →Do not use this skill for one-off CSS overrides
Limitations
- →The .theme DSL is the single source of truth
- →Do not produce `.theme.json` output
How it compares
This workflow generates a declarative .theme file as the single source of truth for design tokens and expressive aesthetics, unlike manual CSS styling or fragmented design token management.
Compared to similar skills
create-theme side by side with the closest alternatives in the catalog.
| Skill | Installs | Updated | Safety | Difficulty |
|---|---|---|---|---|
| create-theme (this skill) | 0 | 4mo | Review | Advanced |
| theme-factory | 61 | 5mo | No flags | Beginner |
| brand-guidelines | 9 | 5mo | No flags | Beginner |
| canvas-design | 26 | 5mo | No flags | Advanced |
Try saying
Example prompts that trigger this skill in your AI assistant.
More by Itshalffull
View all by Itshalffull →You might also like
theme-factory
anthropics
Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.
brand-guidelines
anthropics
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
canvas-design
anthropics
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.
game-art
davila7
Game art principles. Visual style selection, asset pipeline, animation workflow.
interactive-portfolio
davila7
Expert in building portfolios that actually land jobs and clients - not just showing work, but creating memorable experiences. Covers developer portfolios, designer portfolios, creative portfolios, and portfolios that convert visitors into opportunities. Use when: portfolio, personal website, showcase work, developer portfolio, designer portfolio.
windows-3-1-web-designer
erichowens
Expert in authentic Windows 3.1 aesthetic for modern web applications. Creates pixel-perfect retro UI with beveled borders, system gray palettes, and program manager styling. Use for retro-themed web apps, 90s desktop aesthetics, nostalgic landing pages, pixel-art adjacent experiences. Activate on "windows 3.1", "retro ui", "beveled borders", "win31", "program manager", "90s aesthetic", "pixel art", "hotdog stand". NOT for vaporwave aesthetics (neon gradients, glowing text), glassmorphism, macOS/iOS styling, flat design, material design.