01
このSkillでできること
- ✓作成したSkillまたはデザインシステムの提供を支援する
- ✓OpenDesignドキュメントの翻訳を支援する
- ✓誤字修正やブログ作成の貢献を支援する
- ✓バグ報告を検証し、IssueまたはPR作成につなげる
02
使い方
01
STEP 1
貢献内容を、Skill提供・デザインシステム提供・翻訳・修正やブログ・バグ報告から選ぶ
02
STEP 2
エージェントの質問に回答し、対象ファイルや内容を確認する
03
STEP 3
検証結果と変更内容をプレビューで確認する
04
STEP 4
PR作成では明示的に確認してから送信し、バグ報告ではIssue URLを確認する
03
Skillのインストール
初心者におすすめ
AIにこのSkillを追加してもらう
GitHub URLごとCodexやClaude Codeへ渡し、現在の環境に合う方法を判断してもらいます。
このGitHubリポジトリにあるSkillを確認し、現在の環境に適した方法でインストールしてください。
インストール後、正常に利用できることを確認し、基本的な使い方も簡潔に説明してください。
Repository:
https://github.com/nexu-io/open-design手動でインストールする
README / SKILL.mdから機械抽出できたコマンドのみ表示しています。推測したコマンドではありません。
od mcp install <agent>
curl -fsSL https://open-design.ai/install.sh | sh -s <agent>git clone https://github.com/nexu-io/open-design.git
cd open-design/deploy
cp .env.example .env
echo "OD_API_TOKEN=$(openssl rand -hex 32)" >> .env
docker compose up -dgit clone https://github.com/nexu-io/open-design.git
cd open-design
corepack enable && pnpm install
pnpm tools-dev run webgit clone https://github.com/nexu-io/open-design.git
cd open-design && corepack enable && pnpm install
pnpm tools-dev run web
gh issue list --label "good first issue" --state open --limit 20
gh issue develop <number> # create a branch and worktree
pnpm guard && pnpm typecheck
pnpm --filter @open-design/<package> test
gh pr create --fill04
このSkillを使うプロンプト例
Skill名を明示すると、意図したSkillを使わせやすくなります。自動発動型では必須とは限りません。
OpenDesignに自作のSkillを提供したい。内容を検証して、PR作成まで案内して。出力例を見る
貢献内容を確認し、検証結果と変更ファイルを表示しました。PRを送信する前に、内容を確認して明示的に承認してください。05
安全性チェック
自動解析による参考情報です。Skillの安全性を保証するものではありません。
外部API通信検出あり
Shellコマンド実行明確な記述なし
ファイル読み取り明確な記述なし
ファイル書き込み明確な記述なし
ネットワークアクセス検出あり
認証情報明確な記述なし
検出根拠を見る
- network: # Hosted equivalent for curl-based setup: curl -fsSL https://open-design.ai/install.sh | sh -s [large code block omitted]bash git clone https://githu
- network: .sh | sh -s [large code block omitted]bash git clone https://github.com/nexu-io/open-design.git cd open-design corepack enable && pnpm install pnpm too
06
関連Skill
verify-wink
Verify Wink
WinkのWeb UIをデスクトップとスマートフォン画面で操作し、機能や修正をユーザー視点で検証してPASS/FAILの証跡を残します。
評価確度:暫定ai-agentsclaude-codecodex
agent-device
agent-device
iOS、Android、tvOS、macOS、Fire TV、Vega OS TVアプリを操作・検証するためのエージェント向け自動化スキル。
↗ 急上昇agentic-aiautomatione2e-testing
webgl-gate-audit
WebGLゲート監査
9シーンのWebGL表示を対象に、再現性、性能、画面品質、アクセシビリティ用フォールバックを監査する手順。
aiatsdesktop-app