CodeDrobe/skills
Agent Skills for theming AI desktop apps: reference image → reversible Codex/WorkBuddy skin → verify, repair, publish. | 给 AI 桌面应用换肤的 Agent Skills：参考图 → 可逆皮肤 → 验证、修复、发布。
Thành tựu nổi bật
Những danh hiệu mới nhất của dự án
#1 Repository Của Tuần
#2 Repository Của Tuần
#5 Repository Của Tuần
🎨 Theme AI desktop app ngay trong agent — không cần build riêng
Dùng một ảnh tham chiếu, agent sinh CSS theme, áp dụng, xác minh screenshot, và hoàn toàn reversible bằng CDP.
CodeDrobe Skills cung cấp các workflow cài đặt ngay trong AI agent (Codex, WorkBuddy) để tạo và quản lý giao diện người dùng theo phong cách theme. Thay vì viết CSS thủ công, bạn chỉ cần cung cấp một ảnh tham chiếu — agent sẽ tự động sinh CSS, áp dụng vào ứng dụng Electron/Chromium, sau đó dùng Chrome DevTools Protocol (CDP) để xác minh kết quả và chụm ảnh màn hình. Toàn bộ quá trình đều reversible — chỉ cần một lệnh để khôi phục giao diện gốc.
✨ Điểm nổi bật
- Theme từ ảnh tham chiếu: agent đọc ảnh và sinh CSS phù hợp tự động.
- Reversible: áp dụng và khôi phục theme bằng lệnh
codedrobe restore. - CDP-based verification: dùng CDP để xác minh giao diện và chụm screenshot.
- Hỗ trợ OpenAI Codex và Tencent WorkBuddy: cập nhật adapter mới trong Core.
- Cài đặt qua
npx skills: không cần clone repo, chỉ cần một lệnh. - Core tách biệt: logic runtime nằm ở
@codedrobe/core, repo Skills chứa workflow và hướng dẫn. - Hỗ trợ Codex và WorkBuddy: chọn agent bằng
--agent codex, chọn app bằng--app codexhoặc--app workbuddy.
💡 Vì sao đáng chú ý
Thay vì phải viết CSS thủ công và áp dụng mỗi lần thay đổi, CodeDrobe Skills biến quá trình theming thành một workflow tự động trong AI agent. Điều này đặc biệt hữu ích cho người dùng muốn tùy cáo giao diện AI desktop mà không cần kiến thức sâu về CSS hay Electron. Kiến trúc tách Core (runtime) và Skills (workflow) giúp mở rộng hỗ trợ app mới mà không cần thay đổi Skills.
#AI #Electron #CDP #Theming #Codex #WorkBuddy #OpenSource #TiniX
Dự án tương tự
Khám phá các dự án và mô hình AI khác có sự tương đồng.
Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.
Agent skills that give coding agents taste: art direction, reference images and a browser check instead of generic AI pages
Production-grade engineering skills for AI coding agents.
A curated list of awesome Claude Skills, resources, and tools for customizing Claude AI workflows
Marketing skills for Claude Code and AI agents. CRO, copywriting, SEO, analytics, and growth engineering.
Reverse engineer anything with agents, from app behavior down to native binaries.
The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.