#1
リポジトリ説明（原文）
Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.
28K Stars試用可能Source terms (see source)
インストール可能な Skill Pack
デザイン Agent Agent パック
モーション、デザインシステム、UI コンポーネント、ビジュアル制作のための Skill Pack。
「デザイン Agent」のための、監査可能な出発点です。
10
選定 Skill
4
インストール順
28K
採用シグナル
実行順
Agent による Pack の使い方
- 01
目的を定義
インストール前に仕事、制約、必要な根拠を明確にします。
- 02
Skill を選択
品質、信頼、保守シグナルが明確な少数の Skill を選びます。
- 03
安全に実行
管理されたワークスペースで必要なファイルだけを使い、権限を先に確認します。
- 04
結果を検証
出力と結果を確認し、リスクの高い箇所には人の承認を残します。
適した用途
- デザイン Agent のワークフロー
- 品質・信頼・監査シグナルを確認した選定
- 管理されたワークスペースでの試行
先に確認する場合
- 機密データや本番認証情報への未確認アクセスが必要な場合
- ソース、権限、出力をレビューできない場合
Agent インストール計画
Agent が実行できる機械可読の計画。
Pack API はインストール順、監査 URL、レビュー項目、結果報告契約を返します。まずこのページで文脈を把握し、正確な JSON 計画は API から取得してください。
テキスト計画を開くインストール順
- 01Figma Implement Design
信頼 86/100 · 監査 90/100 · 試用可能
npx skills add openai/skills --skill figma-implement-design - 02
- 03
- 04
レビュー項目
- インストール前に、選定した各 Skill の監査 URL を開いてください。
- まずはサンドボックス、ローカルブランチ、または破棄可能なワークスペース内でインストールします。
- ライセンス、最近のリポジトリ活動、README/SKILL.md の完全性、依存関係の範囲を確認します。
- 本番ワークフローで使う前に、範囲の狭いタスクを一つ実行します。
- 成功、設定上の摩擦、リスクによる停止、低品質な出力を結果エンドポイントに報告します。
結果エンドポイント
POST https://www.openagentskill.com/api/agent/outcome推奨 Skill
この Pack のインストール候補
#2
リポジトリ説明（原文）
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
#3
リポジトリ説明（原文）
Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons.
23K Stars試用可能ライセンス不明
#4
リポジトリ説明（原文）
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
#5
リポジトリ説明（原文）
Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.
98K Stars試用可能MIT
#6
リポジトリ説明（原文）
🌼 🌼 🌼 🌼 🌼 The most popular, free and open-source Tailwind CSS component library
41K Stars試用可能MIT
#7
リポジトリ説明（原文）
Chakra UI is a component system for building SaaS products with speed ⚡️
40K Stars試用可能MIT
#8
リポジトリ説明（原文）
A toolchain for building scalable, enterprise-ready component systems on top of TypeScript and Web Component standards. Stencil components can be distributed natively to React, Angular, Vue, (+ more) and traditional web applications from a single, framework-agnostic codebase.
13K Stars試用可能ライセンス不明
#9
#10
リポジトリ説明（原文）
Unstyled UI components for building accessible web apps and design systems. From the creators of Radix, Floating UI, and Material UI.
10.0K Stars試用可能MIT