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 | Semi Design 🚀A modern, comprehensive, flexible design system and React UI library, AI-friendly built-in.🎨Provide 3000+ Design Tokens, easy to build your design system. Make Semi Design to Any Design.🧑🏻💻 Design to Code in one click | 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 | 10K 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 9, 2026 | Jun 9, 2026 | Aug 17, 2026 | Jun 5, 2026 |
| Use-case fit | ||||
| Workflow fit | ||||
| Platform hints | TypeScript, Design Systems, Claude Code | 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 | Design and creative 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 DouyinFE/semi-design | $ npx skills add onlook-dev/onlook | $ npx skills add nexu-io/open-design | $ npx skills add refinedev/refine |