#1
源仓库说明（原文）
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.
9.7K Stars可先试用MIT
可安装技能包
设计 Agent Agent 技能包
为动效、设计系统、UI 组件和视觉生产工作流准备的技能包。
为「设计 Agent」准备的可审计起点：先明确任务，再选择最少且合适的技能。
10
入选技能
4
安装顺序
9.7K
最高采用度
执行顺序
Agent 如何使用这个技能包
- 01
明确目标
在选择安装方案前，先明确任务、约束条件和所需证据。
- 02
选择技能
只挑选质量、信任和维护信号都足够清晰的少量技能。
- 03
受控执行
仅在受控工作区安装必要文件，并先审查权限和外部访问。
- 04
验证结果
检查输出、回传结果，并在高风险环节保留人工确认。
适用场景
- 设计 Agent 工作流
- 需要质量、信任和审计信号的技能选择
- 可在受控工作区先行验证的任务
以下情况请先审查
- 任务需要未经审查地访问敏感数据或生产凭据
- 无人能够审查源码、权限或输出结果
安装顺序
- 01
- 02three scope map skill
信任 75/100 · 审计 82/100 · 可先试用
npx skills add songsummer920-dazzle/three-scope-map-skill - 03
- 04
审查清单
- 安装前，先打开每个入选技能的审计链接。
- 优先在沙箱、本地分支或可随时丢弃的工作区安装。
- 检查许可证、近期仓库活跃度、README/SKILL.md 完整度和依赖范围。
- 用于生产工作流前，先完成一个范围明确的小任务。
- 将成功、配置阻碍、风险拦截或低质量输出回传至结果端点。
结果回传端点
POST https://www.openagentskill.com/api/agent/outcome推荐技能
这个技能包的可安装精选
#2
#3
源仓库说明（原文）
Generate production-ready Lottie animations with Claude Code or Codex
3.6K Stars可先试用MIT
#4
源仓库说明（原文）
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.
17 Stars需要审查MIT
#5
源仓库说明（原文）
Convert any official website to design.md document
236 Stars需要审查许可证未知
#6
源仓库说明（原文）
The Cursor for Designers • An Open-Source AI-First Design tool • Visually build, style, and edit your React App with AI
26K Stars可先试用Apache-2.0
#7
源仓库说明（原文）
Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.
25K Stars可先试用Source terms (see source)
#8
源仓库说明（原文）
Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons.
23K Stars可先试用许可证未知
#9
源仓库说明（原文）
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.
17K Stars可先试用MIT
#10
源仓库说明（原文）
Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.
98K Stars可先试用MIT