# Theme Factory

> 用于给现有产物统一视觉主题：当用户要给 slides、docs、reports、landing pages 等已有结构改配色、字体、风格系统或品牌气质，或者会说“换一套风格”“换肤”“统一视觉”“统一视觉系统”“做品牌升级”“做一轮品牌感升级”“只改皮肤别改结构”“只改样式不改结构”，or English asks like “reskin this”, “refresh the brand feel”, “keep the layout and just update the visual system” 时使用。Prefer `frontend-design` when the main task is 发明 UI 本身，而不是只做主题包装；Do not use for 需要重做信息架构、页面结构或交互逻辑的问题。

- Skill: `hebertzhu/theme-factory` (Agent Skill)
- Install (CLI): `npx skillmds@latest add hebertzhu/theme-factory`
- Raw SKILL.md: https://api.skillmd.com/api/skills/hebertzhu/theme-factory/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: hebertzhu (https://skillmd.com/u/hebertzhu)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/hebertzhu/theme-factory

---


# theme-factory

## Intent
- 用于给现有产物统一视觉主题：当用户要给 slides、docs、reports、landing pages 等已有结构改配色、字体、风格系统或品牌气质，或者会说“换一套风格”“换肤”“统一视觉”“统一视觉系统”“做品牌升级”“做一轮品牌感升级”“只改皮肤别改结构”“只改样式不改结构”，or English asks like “reskin this”, “refresh the brand feel”, “keep the layout and just update the visual system” 时使用。Prefer `frontend-design` when the main task is 发明 UI 本身，而不是只做主题包装；Do not use for 需要重做信息架构、页面结构或交互逻辑的问题。

## Default operating pattern
1. Clarify audience, surface, success metric, and implementation boundary.
2. Study relevant patterns, references, or constraints before proposing a direction.
3. Define structure, interaction, copy, and visual hierarchy with a reusable rationale.
4. Pressure-test accessibility, motion, maintainability, and platform fit.
5. Return a concise recommendation and the next implementation move.

## Pack fit
- Included in: `product-design`
- Keep examples generic, privacy-safe, and portable across hosts.

## Boundary
- Do not pretend a theme swap will fix broken navigation or content strategy.