Theme Factory
anthropics/skills
Applies one of ten preset color and font themes to slide decks, documents or HTML pages, or creates a new theme on the fly after you choose from a showcase.
主题合规审计工具。检测硬编码颜色、暗色模式样式问题、全局 UI 一致性。触发词："主题审计", "theme audit", "检查硬编码颜色", "暗色模式样式问题", "全局 UI 检查".
MPL-2.0Auto-check passed
Install Theme Compliance Audit
$ npx skills add mobazha/mobazha-unified --skill theme-compliance-audit -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install mobazha/mobazha-unified theme-compliance-audit --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/mobazha/mobazha-unified.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.cursor/skills/theme-compliance-audit .claude/skills/theme-compliance-audit && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "theme-compliance-audit" agent skill from https://github.com/mobazha/mobazha-unified/tree/main/.cursor/skills/theme-compliance-audit into .claude/skills/theme-compliance-audit/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "theme-compliance-audit", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/mobazha/mobazha-unified/tree/main/.cursor/skills/theme-compliance-auditType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add mobazha/mobazha-unified --skill theme-compliance-audit -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install mobazha/mobazha-unified theme-compliance-audit --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/mobazha/mobazha-unified.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.cursor/skills/theme-compliance-audit .agents/skills/theme-compliance-audit && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "theme-compliance-audit" agent skill from https://github.com/mobazha/mobazha-unified/tree/main/.cursor/skills/theme-compliance-audit into .agents/skills/theme-compliance-audit/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "theme-compliance-audit", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add mobazha/mobazha-unified --skill theme-compliance-audit -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install mobazha/mobazha-unified theme-compliance-audit --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/mobazha/mobazha-unified.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.cursor/skills/theme-compliance-audit .cursor/skills/theme-compliance-audit && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "theme-compliance-audit" agent skill from https://github.com/mobazha/mobazha-unified/tree/main/.cursor/skills/theme-compliance-audit into .cursor/skills/theme-compliance-audit/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "theme-compliance-audit", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/mobazha/mobazha-unified.git --path .cursor/skills/theme-compliance-audit--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add mobazha/mobazha-unified --skill theme-compliance-audit -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install mobazha/mobazha-unified theme-compliance-audit --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/mobazha/mobazha-unified.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.cursor/skills/theme-compliance-audit .gemini/skills/theme-compliance-audit && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "theme-compliance-audit" agent skill from https://github.com/mobazha/mobazha-unified/tree/main/.cursor/skills/theme-compliance-audit into .gemini/skills/theme-compliance-audit/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "theme-compliance-audit", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install mobazha/mobazha-unified theme-compliance-auditInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add mobazha/mobazha-unified --skill theme-compliance-audit -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/mobazha/mobazha-unified.git skills-src && mkdir -p .github/skills && cp -r skills-src/.cursor/skills/theme-compliance-audit .github/skills/theme-compliance-audit && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "theme-compliance-audit" agent skill from https://github.com/mobazha/mobazha-unified/tree/main/.cursor/skills/theme-compliance-audit into .github/skills/theme-compliance-audit/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "theme-compliance-audit", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add mobazha/mobazha-unified --skill theme-compliance-audit -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install mobazha/mobazha-unified theme-compliance-audit --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/mobazha/mobazha-unified.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.cursor/skills/theme-compliance-audit .opencode/skills/theme-compliance-audit && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "theme-compliance-audit" agent skill from https://github.com/mobazha/mobazha-unified/tree/main/.cursor/skills/theme-compliance-audit into .opencode/skills/theme-compliance-audit/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "theme-compliance-audit", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
theme-compliance-audit- GitHub stars
- 165
- Token cost
- ~1.1k tokens
- SKILL.md length
- 172 words
- Files
- 1
- Skills in repo
- 29
- Repo updated
- First seen
- Licence
- MPL-2.0
At a glance
主题合规审计工具。检测硬编码颜色、暗色模式样式问题、全局 UI 一致性。触发词："主题审计", "theme audit", "检查硬编码颜色", "暗色模式样式问题", "全局 UI 检查".
- Works in 6 steps: 首页（Hero 区域） → 商品详情页 → 店铺页面 → …
- SKILL.md covers 触发条件, 概述, 第一步：自动化检测 and 第二步：修复映射表, plus 2 more sections
- Calls rg
What it does
Theme Compliance Audit is an agent skill from mobazha/mobazha-unified. 主题合规审计工具。检测硬编码颜色、暗色模式样式问题、全局 UI 一致性。触发词："主题审计", "theme audit", "检查硬编码颜色", "暗色模式样式问题", "全局 UI 检查".
Its SKILL.md is about 1.1k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
The repository describes itself as: Open-source commerce frontend for storefronts, marketplaces, checkout, and seller management. The licence is MPL-2.0.
Example prompts
- “theme audit”
- “检查硬编码颜色”
- “暗色模式样式问题”
- “/theme-compliance-audit”
Workflow steps
6 steps, taken from the first numbered list in SKILL.md.
- 首页（Hero 区域）
- 商品详情页
- 店铺页面
- 购物车 / 结账
- 订单列表 / 详情
- 设置页面
What it can do on your machine
Read from SKILL.md and the folder at commit 156c699. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
Shell commands in SKILL.md call:
rg
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Theme Compliance Audit loads about 1.1k tokens when it runs. Until then it costs about 30 tokens; SKILL.md has 172 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
The full file from mobazha/mobazha-unified at commit 156c699, republished under its MPL-2.0 licence (© mobazha). 172 words, ~1,060 tokens.
Download SKILL.mdSave it as
.claude/skills/theme-compliance-audit/SKILL.md (or your agent's skills folder).- name
- theme-compliance-audit
- description
- 主题合规审计工具。检测硬编码颜色、暗色模式样式问题、全局 UI 一致性。触发词："主题审计", "theme audit", "检查硬编码颜色", "暗色模式样式问题", "全局 UI 检查".
主题合规审计（Theme Compliance Audit）
触发条件
当用户提到以下内容时使用：
- "主题审计"、"theme audit"、"检查主题合规"
- "检查硬编码颜色"、"hardcoded colors"
- "主题切换后颜色不对"、"暗色模式样式问题"
- "全局 UI 检查"、"样式一致性检查"
概述
系统化的主题合规检查流程，检测并修复不符合主题变量规范的硬编码颜色。
第一步：自动化检测
1.1 检测硬编码颜色
# 检测所有违规文件（排除 node_modules、.next）
rg -c "text-(slate|gray|zinc|neutral|stone|emerald|green|teal|blue|indigo|violet|purple|pink|red|orange|amber|yellow|lime|cyan|sky|fuchsia|rose)-[0-9]" apps/web/src/ --type tsx --type ts | sort -t: -k2 -rn
# 检测背景色违规
rg -c "bg-(slate|gray|zinc|neutral|stone|emerald|green|teal|blue|indigo|violet|purple|pink|red|orange|amber|yellow|lime|cyan|sky|fuchsia|rose)-[0-9]" apps/web/src/ --type tsx --type ts | sort -t: -k2 -rn
# 检测边框色违规
rg -c "border-(slate|gray|zinc|neutral|stone|emerald|green|teal|blue|indigo|violet|purple|pink|red|orange|amber|yellow|lime|cyan|sky|fuchsia|rose)-[0-9]" apps/web/src/ --type tsx --type ts | sort -t: -k2 -rn1.2 Hero 区域品牌变量检查
# Hero 区域不应有硬编码颜色（除 text-white）
rg "(emerald|slate|teal|cyan|green|blue|purple|pink|amber)-[0-9]" apps/web/src/components/Hero/第二步：修复映射表
文字颜色映射
| 硬编码 | 替换为 | 说明 |
|---|---|---|
text-gray-900, text-slate-900 | text-foreground | 主要文字 |
text-gray-700, text-slate-700 | text-foreground | 主要文字 |
text-gray-600, text-slate-600 | text-muted-foreground | 次要文字 |
text-gray-500, text-slate-500 | text-muted-foreground | 次要文字 |
text-gray-400, text-slate-400 | text-muted-foreground/70 | 辅助文字 |
text-gray-300 | text-muted-foreground/50 | 淡化文字 |
text-emerald-*, text-green-* | text-primary 或 text-success | 根据语义 |
text-blue-* | text-info 或 text-primary | 根据语义 |
text-red-* | text-destructive | 错误/删除 |
背景颜色映射
| 硬编码 | 替换为 | 说明 |
|---|---|---|
bg-gray-100, bg-slate-100 | bg-muted | 次要背景 |
bg-gray-200, bg-slate-200 | bg-muted | 次要背景 |
bg-gray-50, bg-slate-50 | bg-background 或 bg-muted/50 | 浅背景 |
bg-gray-800, bg-slate-800 | bg-card 或 bg-muted | 暗色模式背景 |
bg-gray-900, bg-slate-900 | bg-background | 暗色模式页面背景 |
bg-green-500, bg-emerald-500 | bg-success 或 bg-primary | 根据语义 |
bg-blue-500 | bg-info 或 bg-primary | 根据语义 |
bg-red-500 | bg-destructive | 错误/删除 |
边框颜色映射
| 硬编码 | 替换为 |
|---|---|
border-gray-*, border-slate-* | border-border |
border-emerald-* | border-primary |
允许的例外
text-white/text-black：在已知深/浅色背景上bg-amber-*+dark:bg-amber-*：警告框（需配对）text-amber-500：星级评分bg-white/*：毛玻璃效果
第三步：多主题验证清单
修复后，需在以下组合下验证视觉效果：
主题 x 模式矩阵（12 种组合）
| Light | Dark | |
|---|---|---|
| Classic | 检查 | 检查 |
| Crypto | 检查 | 检查 |
| Business | 检查 | 检查 |
| Cyberpunk | 检查 | 检查 |
| Nature | 检查 | 检查 |
| Luxury | 检查 | 检查 |
关键检查页面
- 首页（Hero 区域）
- 商品详情页
- 店铺页面
- 购物车 / 结账
- 订单列表 / 详情
- 设置页面
检查要点
- 文字在所有主题下可读（对比度足够）
- 卡片/容器边框在浅色和深色模式下都可见
- 状态色（成功/错误/警告）在所有主题下语义清晰
- Hero 渐变在每套主题下都有独特的视觉表达
- 按钮 hover/active 状态在所有主题下有反馈
第四步：输出报告
## 主题合规审计报告
**审计日期**: YYYY-MM-DD
**审计范围**: apps/web/src/
### 违规统计
- 文字颜色违规: X 处（Y 个文件）
- 背景颜色违规: X 处（Y 个文件）
- 边框颜色违规: X 处（Y 个文件）
### 修复进度
- [x] 已修复: file1.tsx (3处)
- [x] 已修复: file2.tsx (5处)
- [ ] 待修复: file3.tsx (2处)
### 验证状态
- [x] Classic Light/Dark
- [x] Crypto Light/Dark
- [ ] ...其余主题© mobazha, MPL-2.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
Just SKILL.md in .cursor/skills/theme-compliance-audit of mobazha/mobazha-unified.
Open the folder on GitHubat commit 156c699
Compare with similar skills
Theme Compliance Audit next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Theme Compliance Audit this skillmobazha/mobazha-unified | 165 | — | ~1.1k | Automated safety check: Pass | MPL-2.0 | |
| Theme Factoryanthropics/skills | 180k | 48 repos | ~781 | Automated safety check: Pass | Apache-2.0 | |
| Theme Factorynexu-io/open-design | 100k | — | ~329 | Automated safety check: Pass | Apache-2.0 | |
| Pierre Theme Packagepierrecomputer/pierre | 6.3k | — | ~352 | Automated safety check: Pass | Apache-2.0 | |
| Pierre Theming Librarypierrecomputer/pierre | 6.3k | — | ~661 | Automated safety check: Pass | Apache-2.0 | |
| Maui Themingdotnet/skills | 5.6k | 1 repos | ~4.1k | Automated safety check: Pass | MIT |
Similar skills
- Official
Theme Factory
nexu-io/open-design
Apply professional font and color themes to artifacts including slides, docs, reports, and HTML landing pages.
Pierre Theme Package
pierrecomputer/pierre
Shows an agent how to install and use the @pierre/theme package, which ships ten Pierre light and dark color themes for Shiki and VS Code.
Pierre Theming Library
pierrecomputer/pierre
Explains how to use the @pierre/theming package to list, resolve, select, switch and persist themes, with controller, color and React references.
- Official
Maui Theming
dotnet/skills
Guide for theming .NET MAUI apps — light/dark mode via AppThemeBinding, ResourceDictionary theme switching, DynamicResource bindings, system theme detection, and user theme preferences.
Preline Theme Generator
htmlstreamofficial/preline
Generates light and dark Preline theme CSS from a brand color or mood, previews it, and validates token coverage through bundled local scripts.
More from mobazha/mobazha-unified
All 29 skills in this repoA11y Guide
mobazha/mobazha-unified
Accessibility guide for Mobazha following WCAG 2.1 AA standards including color contrast, reduced motion, ARIA patterns, keyboard navigation, focus management, and screen reader testing.
API Reference
mobazha/mobazha-unified
Look up Mobazha backend API endpoints, request/response formats, and field mappings.
Code Review
mobazha/mobazha-unified
Review code for quality, architecture consistency, and adherence to Mobazha project standards using confidence-based filtering.
Code Simplifier
mobazha/mobazha-unified
Simplify and refine recently written code for clarity, consistency, and maintainability while preserving all functionality.
Commit Helper
mobazha/mobazha-unified
Generate commit messages and run pre-commit validation following Mobazha conventions.
Component Dev
mobazha/mobazha-unified
Create and modify UI components following Mobazha conventions including directory structure, spacing standards, accessibility, and testing.
Questions about Theme Compliance Audit
What does Theme Compliance Audit do?
主题合规审计工具。检测硬编码颜色、暗色模式样式问题、全局 UI 一致性。触发词："主题审计", "theme audit", "检查硬编码颜色", "暗色模式样式问题", "全局 UI 检查". Theme Compliance Audit is an agent skill from mobazha/mobazha-unified. 主题合规审计工具。检测硬编码颜色、暗色模式样式问题、全局 UI 一致性。触发词："主题审计", "theme audit", "检查硬编码颜色", "暗色模式样式问题", "全局 UI 检查".
How do I install Theme Compliance Audit in Claude Code?
Run `npx skills add mobazha/mobazha-unified --skill theme-compliance-audit -a claude-code`. Or copy the skill folder (.cursor/skills/theme-compliance-audit in mobazha/mobazha-unified) into .claude/skills/theme-compliance-audit in your project. Claude Code loads it when a task matches its description.
How do I install Theme Compliance Audit in Codex?
Run `npx skills add mobazha/mobazha-unified --skill theme-compliance-audit -a codex`. Or copy the skill folder (.cursor/skills/theme-compliance-audit in mobazha/mobazha-unified) into .agents/skills/theme-compliance-audit in your project. Codex loads it when a task matches its description.
Can I use Theme Compliance Audit in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add mobazha/mobazha-unified --skill theme-compliance-audit -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/theme-compliance-audit, .gemini/skills/theme-compliance-audit, .github/skills/theme-compliance-audit and .opencode/skills/theme-compliance-audit in your project.
What does Theme Compliance Audit need to run?
Going by SKILL.md and its folder, Theme Compliance Audit needs the command-line tools its instructions call (rg).
Does Theme Compliance Audit access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is Theme Compliance Audit safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does Theme Compliance Audit use?
Theme Compliance Audit is published under the MPL-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Theme Compliance Audit use?
About 1.1k tokens (SKILL.md is roughly 4.2k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Theme Compliance Audit?
Skills that share tags, products or a category with Theme Compliance Audit: Theme Factory (anthropics/skills, 180k stars), Theme Factory (nexu-io/open-design, 100k stars), Pierre Theme Package (pierrecomputer/pierre, 6.3k stars) and Pierre Theming Library (pierrecomputer/pierre, 6.3k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Theme Compliance Audit?
mobazha (a GitHub organization) maintains it in mobazha/mobazha-unified, which has 165 GitHub stars. The repository holds 29 skills in this directory. The repository was last updated on October 3, 2026.
Source: mobazha/mobazha-unified on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.