OpenAgentSkill Pack
Design agent skill pack
A curated pack for agents that turn product direction into motion assets, design-system notes, UI components, interactive maps, and polished creative workflows.
---
Recommended skills:
1. three scope map skill (songsummer920-dazzle-three-scope-map-skill)
   3D Map
   Quality: 67/100 | Trust: 74/100 | Audit: 77/100 Needs review
   Install: npx skills add songsummer920-dazzle/three-scope-map-skill
   URL: https://www.openagentskill.com/skills/songsummer920-dazzle-three-scope-map-skill
---
2. gsap skills (greensock-gsap-skills)
   Official AI skills for GSAP. These skills teach AI coding agents how to correctly use GSAP (GreenSock Animation Platform), including best practices, common animation patterns, and plugin usage.
   Quality: 79/100 | Trust: 83/100 | Audit: 82/100 Safe to try
   Install: npx skills add greensock/gsap-skills
   URL: https://www.openagentskill.com/skills/greensock-gsap-skills
---
3. lottie (diffusionstudio-lottie)
   Generate production-ready Lottie animations with Claude Code or Codex
   Quality: 77/100 | Trust: 81/100 | Audit: 82/100 Safe to try
   Install: npx skills add diffusionstudio/lottie
   URL: https://www.openagentskill.com/skills/diffusionstudio-lottie
---
4. shadcnblocks skill (masonjames-shadcnblocks-skill)
   Give Claude Code expert knowledge of 2,500+ shadcn/ui blocks and components. This skill lets Claude intelligently select, install, and   compose pre-built UI sections — from landing pages to dashboards to ecommerce flows — so you describe what you want and it picks the right pieces.
   Quality: 64/100 | Trust: 69/100 | Audit: 74/100 Needs review
   Install: npx skills add masonjames/shadcnblocks-skill
   URL: https://www.openagentskill.com/skills/masonjames-shadcnblocks-skill
---
5. web to design md (paidax01-web-to-design-md)
   Convert any official website to design.md document
   Quality: 63/100 | Trust: 70/100 | Audit: 73/100 Needs review
   Install: npx skills add Paidax01/web-to-design-md
   URL: https://www.openagentskill.com/skills/paidax01-web-to-design-md
---
6. Onlook (onlook-dev-onlook)
   The Cursor for Designers • An Open-Source AI-First Design tool • Visually build, style, and edit your React App with AI
   Quality: 100/100 | Trust: 90/100 | Audit: 92/100 Safe to try
   Install: npx skills add onlook-dev/onlook
   URL: https://www.openagentskill.com/skills/onlook-dev-onlook
---
7. Figma Implement Design (figma-implement-design)
   Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.
   Quality: 100/100 | Trust: 88/100 | Audit: 92/100 Safe to try
   Install: npx skills add openai/skills --skill figma-implement-design
   URL: https://www.openagentskill.com/skills/figma-implement-design
---
8. Lucide (lucide-icons-lucide)
   Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons.
   Quality: 100/100 | Trust: 87/100 | Audit: 90/100 Safe to try
   Install: npx skills add lucide-icons/lucide
   URL: https://www.openagentskill.com/skills/lucide-icons-lucide
---
9. Animation Vocabulary (emilkowalski-animation-vocabulary)
   Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens" → Pop in; "the iOS rubber-band scroll" → Rubber-banding). Use when the user asks "what's it called when…", or describes a motion effect without knowing its name and wants the right word to prompt an AI or designer with. For naming an effect, not designing or building one.
   Quality: 100/100 | Trust: 91/100 | Audit: 94/100 Safe to try
   Install: npx skills@latest add emilkowalski/skills
   URL: https://www.openagentskill.com/skills/emilkowalski-animation-vocabulary
---
10. Material Ui (mui-material-ui)
   Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.
   Quality: 100/100 | Trust: 90/100 | Audit: 92/100 Safe to try
   Install: npx skills add mui/material-ui
   URL: https://www.openagentskill.com/skills/mui-material-ui
---
Install plan:
1. three scope map skill - npx skills add songsummer920-dazzle/three-scope-map-skill
2. gsap skills - npx skills add greensock/gsap-skills
3. lottie - npx skills add diffusionstudio/lottie
4. shadcnblocks skill - npx skills add masonjames/shadcnblocks-skill
5. web to design md - npx skills add Paidax01/web-to-design-md
6. Onlook - npx skills add onlook-dev/onlook
---
Review checklist:
- Open the audit_url for every selected skill before installation.
- Install only inside a sandbox, local branch, or disposable workspace first.
- Review license, recent repository activity, README/SKILL.md completeness, and dependency surface.
- Run one narrow task before using the pack in production workflows.
- Report success, setup friction, risk blocks, or low-quality output to the outcome endpoint.
---
Outcome endpoint: POST https://www.openagentskill.com/api/agent/outcome