skills

作者 CodeDrobe已验证

Agent Skills for theming AI desktop apps: reference image → reversible Codex/WorkBuddy skin → verify, repair, publish. | 给 AI 桌面应用换肤的 Agent Skills:参考图 → 可逆皮肤 → 验证、修复、发布。

240
Stars
21
Forks
CSS
语言
2026/8/23
添加时间

⚠️ 第三方软件声明

本 Skill 为第三方开源软件,独立托管于 GitHub。SkillTip 仅为信息目录,不控制或维护底层仓库。所显示的安全检查为自动化且范围有限,安装前请自行审查源码。

阅读服务条款

安装

添加到你的 Claude Code skills 目录:

# Add to your Claude Code skills
git clone https://github.com/CodeDrobe/skills

快速入门

使用 skills 等 Skills 的指南。

安全报告

已验证

上次扫描:—

{
  "status": "PASSED",
  "issues": []
}

README.md

CodeDrobe Skills

GitHub stars Validate Skills License

Installable Agent Skills for creating and managing reversible themes across supported Chromium/Electron AI desktop apps, including OpenAI Codex and Tencent WorkBuddy. Runtime behavior lives in @codedrobe/core; this repository contains concise workflows and app-specific guidance only.

简体中文

Two Skills ship here:

New apps are added as Core adapters, not as new Skills.

Install

The installer command is npx skills (plural):

npx skills add CodeDrobe/skills \
  --skill codedrobe-theme \
  --global \
  --agent codex \
  --yes

--agent codex selects the AI agent that receives the Skill. It does not select the desktop app to theme — the target app is chosen later through codedrobe --app codex or codedrobe --app workbuddy. Maintainers install codedrobe-adapter-dev the same way, and npx skills add CodeDrobe/skills --list shows everything available.

Ask the AI

After installing codedrobe-theme, attach a reference image when relevant and describe the target app. For example:

Use this reference image to create a Codex skin. Preserve the native interaction, create a portable theme package, and verify both the home and conversation screens in the real app.

Other useful requests:

  • “Turn this visual style into one theme for both Codex and WorkBuddy.”
  • “Use the bundled Doll Sister example as a starting point and make a blue Codex version.”
  • “This WorkBuddy theme broke after an app update. Analyze the live CDP DOM and repair it.”
  • “Inspect, apply, and verify this .codedrobe-theme file in Codex.”
  • “Find a retro theme in the CodeDrobe store and install it into Codex.”
  • “Restore Codex to its native look and confirm the theme left nothing behind.”
  • “Fill in the store listing metadata and publish this theme to the CodeDrobe store.”

The Skill uses the image for art direction and a privacy-preserving live CDP DOM snapshot for selectors — it styles the real application instead of overlaying a screenshot. Applying a theme may require launching the app with CDP enabled, and restarting a running app always requires your explicit approval.

Runtime

The Skill drives the @codedrobe/core CLI; install it once (no-install runners like npx/bunx are covered inside the Skill):

npm install --global @codedrobe/core
codedrobe apps

Day-to-day commands — snapshot, apply, verify, restore — are run by the AI on your behalf. Publishing to the CodeDrobe store requires sign-in and your confirmation:

codedrobe auth login
codedrobe theme publish /absolute/theme.codedrobe-theme --submit

Theme authoring resources

The installed codedrobe-theme Skill includes two copyable source resources:

  • assets/theme-starter/: a complete neutral Codex/WorkBuddy CSS starting point.
  • assets/examples/doll-sister/: the complete Doll Sister / 玩偶姐姐 multi-app theme with generated hero and texture artwork.

Templates are not permanent DOM contracts: the Skill captures a live codedrobe dom snapshot per app context, selects semantic nodes from it, then packs, probes, applies, screenshots, and repairs.

Community

Related repositories

  • CodeDrobe/core: CLI, adapters, CDP runtime, host settings, package validation, and public API.
  • CodeDrobe/desktop: visual theme manager built on Core.
  • Store publishing runs through codedrobe theme publish: device-flow sign-in, server-side package validation, and review before a listing goes live.

See CONTRIBUTING.md before adding or changing a Skill.

License and trademarks

Instructions and documentation are available under the Apache License 2.0. Product names and trademarks belong to their respective owners. CodeDrobe is an independent project and is not endorsed by OpenAI or Tencent.

常见问题

What is skills?

skills is an open-source ai agents skill for AI coding assistants such as Claude Code, Codex CLI, and ChatGPT, built by CodeDrobe. Agent Skills for theming AI desktop apps: reference image → reversible Codex/WorkBuddy skin → verify, repair, publish. | 给 AI 桌面应用换肤的 Agent Skills:参考图 → 可逆皮肤 → 验证、修复、发布。. It has 240 GitHub stars.

Is skills safe to use?

Yes. skills passed SkillsLLM's automated security scan — a dependency vulnerability audit plus prompt-injection heuristics — with no high-severity issues. You can read the full report in the Security Report section on this page.

How do I install skills?

Clone the repository with "git clone https://github.com/CodeDrobe/skills" and add it to your Claude Code skills directory (see the Installation section above).

What programming language is skills written in?

skills is primarily written in CSS. It is open-source under CodeDrobe on GitHub, so you can review or fork the full source.

Are there alternatives to skills?

Yes. SkillsLLM lists many other AI Agents skills you can browse and compare side by side. Open the AI Agents category from the badge at the top of this page, or use the Related Skills and comparison links further down to weigh skills against similar tools.

评论 (0)

暂无评论,成为第一个分享想法的人!

ECC

by affaan-m

10

The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.

242,21936,702JavaScript
AI 智能体ai-agentsanthropicclaude-code
查看详情
15

An agentic skills framework & software development methodology that works.

234,96620,863Shell
AI 智能体ai-agentsbrainstorming
查看详情

hermes-agent

by NousResearch

10

The agent that grows with you

234,43747,175Python
AI 智能体ai-agentsagent-orchestration
查看详情

The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.

185,94028,768JavaScript
AI 智能体ai-agentsanthropicclaude-code
查看详情

cc-switch

by farion1231

3

A cross-platform desktop All-in-One assistant for Claude Code, Codex, OpenCode, OpenClaw, Grok Build & Hermes Agent. Only official website: ccswitch.io

128,8688,826Rust
AI 智能体claude-codeai-tools
查看详情

claude-code

by anthropics

Claude Code is an agentic coding tool that lives in your terminal, understands your codebase, and helps you code faster by executing routine tasks, explaining complex code, and handling git workflows - all through natural language commands.

120,03119,897Shell
AI 智能体
查看详情

开发者还喜欢

基于喜欢此 Skill 的开发者投票和收藏

ECC

by affaan-m

10

The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.

242,21936,702JavaScript
AI 智能体ai-agentsanthropicclaude-code
查看详情
15

An agentic skills framework & software development methodology that works.

234,96620,863Shell
AI 智能体ai-agentsbrainstorming
查看详情

hermes-agent

by NousResearch

10

The agent that grows with you

234,43747,175Python
AI 智能体ai-agentsagent-orchestration
查看详情

n8n

by n8n-io

12

Fair-code workflow automation platform with native AI capabilities. Combine visual building with custom code, self-host or cloud, 400+ integrations.

201,88160,308TypeScript
MCP 服务器apisai-tools
查看详情

The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.

185,94028,768JavaScript
AI 智能体ai-agentsanthropicclaude-code
查看详情

cc-switch

by farion1231

3

A cross-platform desktop All-in-One assistant for Claude Code, Codex, OpenCode, OpenClaw, Grok Build & Hermes Agent. Only official website: ccswitch.io

128,8688,826Rust
AI 智能体claude-codeai-tools
查看详情