#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
インストール可能な Skill Pack
デザイン Agent Agent パック
モーション、デザインシステム、UI コンポーネント、ビジュアル制作のための Skill Pack。
「デザイン Agent」のための、監査可能な出発点です。
10
選定 Skill
4
インストール順
9.7K
採用シグナル
実行順
Agent による Pack の使い方
- 01
目的を定義
インストール前に仕事、制約、必要な根拠を明確にします。
- 02
Skill を選択
品質、信頼、保守シグナルが明確な少数の Skill を選びます。
- 03
安全に実行
管理されたワークスペースで必要なファイルだけを使い、権限を先に確認します。
- 04
結果を検証
出力と結果を確認し、リスクの高い箇所には人の承認を残します。
適した用途
- デザイン Agent のワークフロー
- 品質・信頼・監査シグナルを確認した選定
- 管理されたワークスペースでの試行
先に確認する場合
- 機密データや本番認証情報への未確認アクセスが必要な場合
- ソース、権限、出力をレビューできない場合
Agent インストール計画
Agent が実行できる機械可読の計画。
Pack API はインストール順、監査 URL、レビュー項目、結果報告契約を返します。まずこのページで文脈を把握し、正確な JSON 計画は API から取得してください。
テキスト計画を開くインストール順
- 01
- 02three scope map skill
信頼 75/100 · 監査 82/100 · 試用可能
npx skills add songsummer920-dazzle/three-scope-map-skill - 03
- 04
レビュー項目
- インストール前に、選定した各 Skill の監査 URL を開いてください。
- まずはサンドボックス、ローカルブランチ、または破棄可能なワークスペース内でインストールします。
- ライセンス、最近のリポジトリ活動、README/SKILL.md の完全性、依存関係の範囲を確認します。
- 本番ワークフローで使う前に、範囲の狭いタスクを一つ実行します。
- 成功、設定上の摩擦、リスクによる停止、低品質な出力を結果エンドポイントに報告します。
結果エンドポイント
POST https://www.openagentskill.com/api/agent/outcome推奨 Skill
この Pack のインストール候補
#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