Skill comparison
Use this as a shortlist, then open the skill detail page before adopting.
Decision summary
Strongest overall
Canvas Design
Use this as a leading candidate, then validate the README and install path in your own agent stack.
Fastest prototype
Canvas Design
Best first install candidate based on install readiness and adoption.
Freshest repo
Canvas Design
Most recent maintenance signal among this shortlist.
| Signal | figma-code-to-canvas Bring live or local web UI back into Figma as editable design layers when Figma MCP code-to-canvas or generate-design capability is available. Use this skill when the user says production, staging, localhost, or a browser-rendered page is ahead of Figma and wants to sync, capture, recreate, or convert the live UI into a Figma file while preserving privacy and evidence. | Canvas Design Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy. | Apple Design Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations, drag/swipe/sheet interactions, momentum and interruptible transitions, translucent materials and depth, typography (optical sizing, tracking, leading), reduced-motion, or the design foundations (feedback, spatial consistency, restraint) behind Apple-style interfaces. |
|---|---|---|---|
| Quality | 55/100 Promising | 100/100 Excellent | 100/100 Excellent |
| Decision verdict | 54/100 Needs manual review Do a manual repository review before adding this to an agent workflow. | 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 | 24 stars Verified outcomes are shown on each skill page | 179K stars Verified outcomes are shown on each skill page | 34K stars Verified outcomes are shown on each skill page |
| Freshness | Sep 13, 2026 | Sep 29, 2026 | Aug 21, 2026 |
| Use-case fit |
| Workflow fit |
| Platform hints | Claude Code, OpenAI Agents, Browser agents | Claude Code, Codex, Cursor, OpenAI Agents | Claude Code, Codex, Cursor, OpenAI Agents |
| Warnings | Low GitHub adoption signal · No OpenAgentSkill engagement data yet | Create original work; do not use it to imitate living artists or reproduce copyrighted source art. · No OpenAgentSkill engagement data yet | No OpenAgentSkill engagement data yet |
| Best for | Design and creative workflows · Claude Code teams · builders willing to evaluate younger projects | Design and creative workflows · Claude Code teams · teams that value GitHub adoption signals | Design and creative workflows · Claude Code teams · teams that value GitHub adoption signals |
| Not ideal for | teams that need a vendor-supported SLA · production agents without a repository review | teams that need a vendor-supported SLA · production agents without a repository 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 |
| Install | $ npx skills add sergekostenchuk/ui-ux-agent-skill-system --skill figma-code-to-canvas | $ npx skills add anthropics/skills --skill canvas-design | $ npx skills@latest add emilkowalski/skills |