How do I install the Theme Factory skill?

Run npx skillmds@latest add hebertzhu/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?

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

Theme Factory by hebertzhu — Agent Skill

Name: Theme Factory
Author: hebertzhu

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 需要重做信息架构、页面结构或交互逻辑的问题。

hebertzhu 6286143 2.0 KB Updated Sep 17, 2026

File contents

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

Clarify audience, surface, success metric, and implementation boundary.
Study relevant patterns, references, or constraints before proposing a direction.
Define structure, interaction, copy, and visual hierarchy with a reusable rationale.
Pressure-test accessibility, motion, maintainability, and platform fit.
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.

---name: theme-factorydescription: 用于给现有产物统一视觉主题：当用户要给 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 需要重做信息架构、页面结构或交互逻辑的问题。---# 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 pattern1. 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.

Frequently asked questions