How do I install the Theme Factory skill?

Run npx skillmds@latest add clawic/theme-factory in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Theme Factory safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Theme Factory?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Theme Factory free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Theme Factory?

clawic (@clawic) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Theme Factory by clawic — Agent Skill

Name: Theme Factory
Author: clawic

Theme Factory

Produce variants of an existing Style by shifting tone (light/dark), density (compact/relaxed), or accent (palette rotation) while preserving the brand identity. Use when the user wants alternate themes derived from one brand.

clawic 7a74b98 1.7 KB Updated Sep 17, 2026

File contents

theme-factory

Algorithmic generation of related Styles from one source Style. Produces new Styles that share brand and voice but differ in tone or density.

Recipes

Light / Dark inversion: swap bg and fg. Adjust surface and surface-2 to keep contrast. Recompute fg-muted and border to be perceptually consistent.
Density: tighten or relax spacing.scale by a factor (0.8 for compact, 1.25 for relaxed). Adjust typography scale proportionally.
Accent rotation: keep all tokens, swap accent and accent-2 for a complementary or analogous pair from the same hue family.
Editorial / Display: keep colors, swap typography.display.family between a serif and a sans of similar weight.

Procedure

Read the source Style: claw style get <sourceId>.
Decide the recipe based on the user's intent.
Build the variant Style by starting from the source and overlaying the recipe's deltas. Use:
```
claw style create "<Source name> · Dark" --from <sourceId>
```
Apply the deltas to STYLE.md.
Render a preview using a Template the source already has examples in.
Report: the new style id and the deltas applied.

Constraints

Never change brand.voice, brand.do_dont, or brand.taglines. Identity is shared across variants.
Each variant is a new Style, not a mutation of the source.
Mention exact contrast ratios when producing a light/dark variant so the user can verify accessibility.

Frequently asked questions