New: 97,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Codedrobe Theme

by CodeDrobe in CodeDrobe/skills

Create, inspect, convert, apply, replace, verify, troubleshoot, update, publish, or restore reversible CodeDrobe themes for supported Chromium/Electron AI desktop apps, including OpenAI Codex…

Apache-2.0Auto-check passedMobile

Install Codedrobe Theme

skills CLI
$ npx skills add CodeDrobe/skills --skill codedrobe-theme -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install CodeDrobe/skills codedrobe-theme --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/CodeDrobe/skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/codedrobe-theme .claude/skills/codedrobe-theme && rm -rf skills-src

Use ~/.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/

Facts

Skill name
codedrobe-theme
GitHub stars
250
Token cost
~1.8k tokens
SKILL.md length
789 words
Files
36 (incl. references, assets)
Skills in repo
2
Repo updated
First seen
Licence
Apache-2.0

At a glance

Create, inspect, convert, apply, replace, verify, troubleshoot, update, publish, or restore reversible CodeDrobe themes for supported Chromium/Electron AI desktop apps, including OpenAI Codex…

  • Works in 9 steps: Identify the target app explicitly. Run… → Read references/cli.md before choosing… → Read only the target-specific reference → …
  • A user asks to turn an attached
  • SKILL.md covers Route the request, Interpret common requests, Apply an existing theme and Create or repair a theme, plus 2 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Codedrobe Theme is an agent skill from CodeDrobe/skills. Create, inspect, convert, apply, replace, verify, troubleshoot, update, publish, or restore reversible CodeDrobe themes for supported Chromium/Electron AI desktop apps, including OpenAI Codex, Tencent WorkBuddy, QoderWork (CN/global), and TRAE SOLO (global/CN). Use when a user asks to turn an attached or local reference image into a Codex, WorkBuddy, QoderWork, or TRAE SOLO skin, reproduce a visual style with native UI, build a multi-app theme, work with .codedrobe-theme packages or theme images, analyze a live…

Its SKILL.md is about 1.8k tokens, which your agent loads only when the skill is triggered. The skill folder holds 42 other files, including reference files and assets (for example `agents/openai.yaml`, `assets/examples/dual-miku-neon-wb/README.md` and `assets/examples/dual-miku-neon-wb/theme.json`).

It sits in Mobile, covering Mobile UI design and Theming and dark mode. It works with Chrome DevTools. The repository describes itself as: Agent Skills for theming AI desktop apps: reference image → reversible Codex/WorkBuddy skin → verify, repair, publish. | 给 AI 桌面应用换肤的 Agent Skills：参考图 → 可逆皮肤 → 验证、修复、发布。 The licence is Apache-2.0.

When your agent uses it

  • A user asks to turn an attached
  • Local reference image into a Codex
  • Reproduce a visual style with native UI
  • Build a multi-app theme

Example prompts

  • “/codedrobe-theme”

Workflow steps

9 steps, taken from the first numbered list in SKILL.md.

  1. Identify the target app explicitly. Run codedrobe apps --json when support or defaults are uncertain.
  2. Read references/cli.md before choosing an installed, npm, or Bun command runner.
  3. Read only the target-specific reference
  4. For theme creation, images, CSS, packaging, or legacy conversion, read references/theme-authoring.md.
  5. When the request includes an attached or local visual reference, read references/reference-image.md.
  6. For new or repaired CSS, read references/dom-snapshot.md and references/css-templates.md.
  7. For the complete Miku Future Beats / 初音未来 example, read references/miku-future-beats-example.md.
  8. For probe, verification, screenshots, missing nodes, CDP failures, or app updates, read references/verification.md.
  9. To publish or submit a theme to the CodeDrobe store, read references/publish.md.

What it can do on your machine

Read from SKILL.md and the folder at commit ef93c3b. 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

    No scripts in the folder and no shell commands in SKILL.md (its code samples are bash).

    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

Codedrobe Theme loads about 1.8k tokens when it runs, and up to ~11k if it reads all its reference files. Until then it costs about 202 tokens; SKILL.md has 789 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~202
When it runs · the whole SKILL.md, loaded when a task matches
~1.8k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~11k

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 CodeDrobe/skills at commit ef93c3b, republished under its Apache-2.0 licence (© CodeDrobe). 789 words, ~1,820 tokens.

Download SKILL.mdSave it as .claude/skills/codedrobe-theme/SKILL.md (or your agent's skills folder). This skill also uses 35 other files; get the full folder from GitHub.
name
codedrobe-theme
description
Create, inspect, convert, apply, replace, verify, troubleshoot, update, publish, or restore reversible CodeDrobe themes for supported Chromium/Electron AI desktop apps, including OpenAI Codex, Tencent WorkBuddy, QoderWork (CN/global), and TRAE SOLO (global/CN). Use when a user asks to turn an attached or local reference image into a Codex, WorkBuddy, QoderWork, or TRAE SOLO skin, reproduce a visual style with native UI, build a multi-app theme, work with .codedrobe-theme packages or theme images, analyze a live CDP DOM snapshot, repair DOM compatibility failures, use a custom port or installation path, capture verification screenshots, search the CodeDrobe store or install a store theme by name, publish or submit a theme to the CodeDrobe store, or migrate a legacy .codex-theme file.

CodeDrobe Theme

Use the published @codedrobe/core CLI as the only runtime. Keep this Skill instruction-only: do not recreate injectors, launch scripts, package parsers, or application patchers inside the Skill.

Route the request

  1. Identify the target app explicitly. Run codedrobe apps --json when support or defaults are uncertain.
  2. Read references/cli.md before choosing an installed, npm, or Bun command runner.
  3. Read only the target-specific reference:
  4. For theme creation, images, CSS, packaging, or legacy conversion, read references/theme-authoring.md.
  5. When the request includes an attached or local visual reference, read references/reference-image.md.
  6. For new or repaired CSS, read references/dom-snapshot.md and references/css-templates.md.
  7. For the complete Miku Future Beats / 初音未来 example, read references/miku-future-beats-example.md.
  8. For probe, verification, screenshots, missing nodes, CDP failures, or app updates, read references/verification.md.
  9. To publish or submit a theme to the CodeDrobe store, read references/publish.md.

Interpret common requests

  • “参考这张图片，帮我生成一个 Codex 皮肤”：inspect the supplied image, create a Codex target from a live Codex DOM snapshot, package it, and verify the native UI in Codex.
  • “把这个视觉风格同时做成 Codex 和 WorkBuddy 皮肤”：create one theme package with separate target CSS and shared named image assets.
  • “用玩偶姐姐示例改成蓝色版本”：copy the bundled example to a writable project, change its tokens/assets, refresh live selectors, and verify both requested contexts.
  • “这个主题更新应用后错位了”：capture fresh snapshots, repair theme CSS and theme-specific verification nodes, then repack and compare screenshots.
  • “帮我安装这个 .codedrobe-theme”：inspect, probe, apply, and verify the supplied package; do not recreate it unless validation fails and the user asks for repair.
  • “从商店装一个复古主题到 Codex”：codedrobe theme search to resolve the slug (confirm the pick when several match), codedrobe theme download (integrity-verified, lands in ~/.codedrobe/themes), then the normal inspect → probe → apply → verify flow.
  • “把这个主题发布到 CodeDrobe 商店”：complete the theme.catalog listing metadata, pack, confirm with the user, then codedrobe theme publish (and --submit only with separate confirmation).

Treat the named target app as explicit. If no target is named and it cannot be inferred from the supplied package or current task, ask one concise question before launching or applying anything.

Apply an existing theme

  1. Inspect the package before applying it.
  2. Detect the application and resolve any user-provided installation path or CDP port.
  3. Probe the live renderer with the selected theme. Compatibility is judged per window: a window missing required adapter or theme nodes is skipped, and the apply fails only when no window qualifies. A probe run while the app is still on its loading screen reports every landmark missing — wait for the root landmark before treating that as incompatibility.
  4. Apply the theme. Never add --restart-existing unless the user authorized closing and restarting the running application.
  5. Verify the installed theme and capture an absolute-path screenshot when visual confirmation matters.
  6. Inspect both the home screen and a normal conversation when the theme styles both contexts.

Use these command shapes after selecting the runner described in references/cli.md:

bash
codedrobe theme inspect /absolute/theme.codedrobe-theme
codedrobe probe --app <app-id> --theme /absolute/theme.codedrobe-theme
codedrobe apply --app <app-id> --theme /absolute/theme.codedrobe-theme
codedrobe verify --app <app-id> --theme /absolute/theme.codedrobe-theme --screenshot /absolute/preview.png
Show full SKILL.md (315 more words)Show less

Create or repair a theme

  1. Inspect any supplied reference image and turn it into a short visual brief before writing CSS. Never use the reference screenshot as a full-window overlay.
  2. Copy assets/theme-starter/ for a neutral base or assets/examples/miku-future-beats/ for a complete multi-app example. Never edit the installed Skill in place.
  3. Open each app context the theme will style and capture a separate codedrobe dom snapshot; do not infer selectors from the template alone.
  4. Select semantic candidates from the snapshot, then write app-specific CSS under html.codedrobe-host-<app-id>.
  5. Keep shared artwork in named images; keep app-specific selectors under the relevant target CSS.
  6. Keep adapter landmarks generic and theme layout assumptions in theme-specific verification nodes.
  7. Pack with Core, inspect the output, then probe and apply it on a real renderer.
  8. Iterate from home and conversation screenshots. Do not claim success from static CSS, a snapshot, or package validation alone.

Restore

Use Core restore instead of deleting application data or manually editing host settings:

bash
codedrobe restore --app <app-id>

Confirm that the CodeDrobe renderer state and theme style are gone. For Codex, also confirm that the transactional base-theme backup was restored when one existed.

Guardrails

  • Never patch, replace, re-sign, or take ownership of application bundles, app.asar, or WindowsApps files.
  • Bind CDP to loopback only and use one consistent port for launch, apply, watch, verify, and restore.
  • Do not terminate or restart an existing application without explicit user authorization.
  • Do not run competing theme watchers against the same renderer.
  • Treat theme packages as untrusted input. Do not evaluate theme JavaScript or allow external CSS resources.
  • Keep decorative layers noninteractive and preserve native navigation, composer, menus, and accessibility behavior.
  • Do not upload private reference images to an unapproved image service.
  • Publish only through codedrobe theme publish, never through an improvised endpoint. Publishing and submitting for review each require the user's explicit confirmation, and sign-in stays a user-approved device flow.

© CodeDrobe, Apache-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

SKILL.md and 35 other files (references, assets) in skills/codedrobe-theme of CodeDrobe/skills.

  • SKILL.md
  • agents/openai.yaml
  • assets/examples/dual-miku-neon-wb/README.md
  • assets/examples/dual-miku-neon-wb/assets/hero.png
  • assets/examples/dual-miku-neon-wb/assets/miku-hero.png
  • assets/examples/dual-miku-neon-wb/assets/miku-texture.png
  • assets/examples/dual-miku-neon-wb/assets/miku-wink.png
  • assets/examples/dual-miku-neon-wb/theme.json
  • assets/examples/dual-miku-neon-wb/workbuddy.css
  • assets/examples/miku-future-beats/ASSET_PROMPTS.md
  • assets/examples/miku-future-beats/assets/hero.png
  • assets/examples/miku-future-beats/assets/texture.png
  • assets/examples/miku-future-beats/codex.css
  • assets/examples/miku-future-beats/qoderwork.css
  • … and 22 more

Open the folder on GitHubat commit ef93c3b

Compare with similar skills

Codedrobe Theme 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.

Codedrobe Theme compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Codedrobe Theme this skillCodeDrobe/skills250—~1.8kAutomated safety check: PassApache-2.0
Mobile UI UXmakifbaysal/tasktrooper109—~1.8kAutomated safety check: PassApache-2.0
STS Amethyst Launcher Design SystemModinMobileSTS/SlayTheAmethystModded400—~1.7kAutomated safety check: PassCustom licence
iOS Higjohnrogers/claude-swift-engineering231—~705Automated safety check: PassMIT
Compose Multiplatform Patternsmonta-app/ocpp-emulator1795 repos~2kAutomated safety check: PassApache-2.0
Workbuddy Skin Studiocdredfox/workbuddy-skin-studio196—~1.5kAutomated safety check: PassMIT

Similar skills

  • Mobile UI UX

    makifbaysal/tasktrooper

    A skill your agent uses when designing or building any mobile screen or component a user sees (Flutter, SwiftUI or Compose) - platform conventions, hierarchy, type that scales, colour roles and dark…

    109 GitHub stars~1.8k tokensUpdated yesterday
    MobileAuto-check passed

  • STS Amethyst Launcher Design System

    ModinMobileSTS/SlayTheAmethystModded

    Design system imported from the SlayTheAmethyst Android Jetpack Compose launcher: Material 3 surfaces, user-selected seed colors, light and dark themes and typography rules.

    400 GitHub stars~1.7k tokensUpdated 8 days ago
    Frontend & DesignAuto-check passed

  • iOS Hig

    johnrogers/claude-swift-engineering

    A skill your agent uses when designing iOS interfaces, implementing accessibility (VoiceOver, Dynamic Type), handling dark mode, ensuring adequate touch targets, providing animation/haptic feedback…

    231 GitHub stars~705 tokensUpdated 8 mo ago
    Frontend & DesignAuto-check passed

  • Compose Multiplatform Patterns

    monta-app/ocpp-emulator

    Compose Multiplatform and Jetpack Compose patterns for KMP projects — state management, navigation, theming, performance, and platform-specific UI.

    179 GitHub starsUsed in 5 repos~2k tokens
    MobileAuto-check passed

  • Workbuddy Skin Studio

    cdredfox/workbuddy-skin-studio

    Apply a reversible theme/skin to the WorkBuddy desktop app (Tencent AI office agent) via local Chromium DevTools Protocol (CDP) injection.

    196 GitHub stars~1.5k tokensUpdated 2 mo ago
    MobileAuto-check passed

  • Compose UI

    Moustachauve/WLED-Android

    Best practices for building UI with Jetpack Compose, focusing on state hoisting, detailed performance optimizations, and theming.

    169 GitHub starsUsed in 3 repos~676 tokens
    MobileAuto-check passed

More from CodeDrobe/skills

  • Codedrobe Adapter Dev

    CodeDrobe/skills

    Add, inspect, repair, or validate CodeDrobe Core adapters for Chromium/Electron AI desktop applications.

    250 GitHub stars~961 tokensUpdated 1 mo ago
    Auto-check passed

Works with

Categories

Questions about Codedrobe Theme

What does Codedrobe Theme do?

Create, inspect, convert, apply, replace, verify, troubleshoot, update, publish, or restore reversible CodeDrobe themes for supported Chromium/Electron AI desktop apps, including OpenAI Codex…. Codedrobe Theme is an agent skill from CodeDrobe/skills. Create, inspect, convert, apply, replace, verify, troubleshoot, update, publish, or restore reversible CodeDrobe themes for supported Chromium/Electron AI desktop apps, including OpenAI Codex, Tencent WorkBuddy, QoderWork (CN/global), and TRAE SOLO (global/CN).

When should I use Codedrobe Theme?

Codedrobe Theme fits situations like: A user asks to turn an attached; local reference image into a Codex; reproduce a visual style with native UI; build a multi-app theme.

How do I install Codedrobe Theme in Claude Code?

Run `npx skills add CodeDrobe/skills --skill codedrobe-theme -a claude-code`. Or copy the skill folder (skills/codedrobe-theme in CodeDrobe/skills) into .claude/skills/codedrobe-theme in your project. Claude Code loads it when a task matches its description.

How do I install Codedrobe Theme in Codex?

Run `npx skills add CodeDrobe/skills --skill codedrobe-theme -a codex`. Or copy the skill folder (skills/codedrobe-theme in CodeDrobe/skills) into .agents/skills/codedrobe-theme in your project. Codex loads it when a task matches its description.

Can I use Codedrobe Theme 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 CodeDrobe/skills --skill codedrobe-theme -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/codedrobe-theme, .gemini/skills/codedrobe-theme, .github/skills/codedrobe-theme and .opencode/skills/codedrobe-theme in your project.

What does Codedrobe Theme need to run?

SKILL.md names no scripts, command-line tools or credentials: Codedrobe Theme is instructions for the agent only.

Does Codedrobe Theme 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 Codedrobe Theme 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 Codedrobe Theme use?

Codedrobe Theme is published under the Apache-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Codedrobe Theme use?

About 1.8k tokens (SKILL.md is roughly 7.3k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 8.8k tokens, read only when the agent opens those files.

What are the alternatives to Codedrobe Theme?

Skills that share tags, products or a category with Codedrobe Theme: Mobile UI UX (makifbaysal/tasktrooper, 109 stars), STS Amethyst Launcher Design System (ModinMobileSTS/SlayTheAmethystModded, 400 stars), iOS Hig (johnrogers/claude-swift-engineering, 231 stars) and Compose Multiplatform Patterns (monta-app/ocpp-emulator, 179 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Codedrobe Theme?

CodeDrobe (a GitHub organization) maintains it in CodeDrobe/skills, which has 250 GitHub stars. The repository holds 2 skills in this directory. The repository was last updated on August 9, 2026.

Source: CodeDrobe/skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.