Skill comparison
Compare agent skills before installing.
Comparing 4 skills
Use this as a shortlist, then open the skill detail page before adopting.
Decision summary
Open Design is the strongest overall pick here because it has a 100/100 readiness score and fits Coding agents.
Strongest overall
Open Design
Use this as a leading candidate, then validate the README and install path in your own agent stack.
Fastest prototype
Open Design
Best first install candidate based on install readiness and adoption.
Freshest repo
Open Design
Most recent maintenance signal among this shortlist.
| Signal | Codegraph Pre-indexed code knowledge graph for Claude Code, Codex, Gemini, Cursor, OpenCode, AntiGravity, Kiro, and Hermes Agent — fewer tokens, fewer tool calls, 100% local | Onlook The Cursor for Designers • An Open-Source AI-First Design tool • Visually build, style, and edit your React App with AI | Open Design 🎨 Local-first, open-source Claude Design alternative. 🖥️ Native desktop app. ⚡ 259+ Skills · ✨ 142+ Design Systems 🖼️ Web · desktop · mobile prototypes · slides · images · videos · HyperFrames 📦 Sandboxed preview · HTML/PDF/PPTX/MP4 export 🤖 Claude Code / OpenClaw / Codex / Cursor / OpenCode / Qwen / Copilot / Hermes / Kimi & 17+ CLIs. | Refine A React Framework for building internal tools, admin panels, dashboards & B2B apps with unmatched flexibility. |
|---|---|---|---|---|
| Quality | 100/100 Excellent | 100/100 Excellent | 100/100 Excellent | 100/100 Excellent |
| Decision verdict | 100/100 Production-ready Use this as a leading candidate, then validate the README and install path in your own agent stack. | 100/100 Production-ready Use this as a leading candidate, then validate the README and install path in your own agent stack. | 100/100 Production-ready Use this as a leading candidate, then validate the README and install path in your own agent stack. | 100/100 Production-ready Use this as a leading candidate, then validate the README and install path in your own agent stack. |
| Adoption | 54K stars Verified outcomes are shown on each skill page | 26K stars Verified outcomes are shown on each skill page | 88K stars Verified outcomes are shown on each skill page | 35K stars Verified outcomes are shown on each skill page |
| Freshness | Jun 24, 2026 | Jun 9, 2026 | Aug 17, 2026 | Jun 5, 2026 |
| Use-case fit | ||||
| Workflow fit | ||||
| Platform hints | TypeScript, Claude Code, OpenAI Agents, Cursor | TypeScript, Figma, Claude Code, Cursor | TypeScript, AI Agents, Claude Code, OpenAI Agents, Cursor | TypeScript, Developer Tools, Claude Code |
| Warnings | No OpenAgentSkill engagement data yet | No OpenAgentSkill engagement data yet | No OpenAgentSkill engagement data yet | No OpenAgentSkill engagement data yet |
| Best for | Coding agents workflows · Claude Code teams · teams that value GitHub adoption signals | Coding agents workflows · Claude Code teams · teams that value GitHub adoption signals | Coding agents workflows · Claude Code teams · teams that value GitHub adoption signals | Coding agents workflows · Claude Code teams · teams that value GitHub adoption signals |
| Not ideal for | teams that need a vendor-supported SLA · high-compliance environments without internal security review | teams that need a vendor-supported SLA · high-compliance environments without internal security review | teams that need a vendor-supported SLA · high-compliance environments without internal security review | teams that need a vendor-supported SLA · high-compliance environments without internal security review |
| OpenAgentSkill engagement | 0 views 0 install copies | 0 views 0 install copies | 0 views 0 install copies | 0 views 0 install copies |
| Install | $ npx skills add colbymchenry/codegraph | $ npx skills add onlook-dev/onlook | $ npx skills add nexu-io/open-design | $ npx skills add refinedev/refine |