01
このSkillでできること
- ✓新しいコンポーネントのドキュメントページを作成する
- ✓既存ページを標準構成に再編成する
- ✓コントロール・バリアント・状態を整理する
- ✓Props情報をドキュメント化する
02
使い方
01
STEP 1
Tabsページを構成の参考にする
02
STEP 2
対象コンポーネントのページとプレイグラウンドを編集する
03
STEP 3
コントロールや状態の例を追加する
04
STEP 4
既存の設計と配置を確認する
03
Skillのインストール
初心者におすすめ
AIにこのSkillを追加してもらう
GitHub URLごとCodexやClaude Codeへ渡し、現在の環境に合う方法を判断してもらいます。
このGitHubリポジトリにあるSkillを確認し、現在の環境に適した方法でインストールしてください。
インストール後、正常に利用できることを確認し、基本的な使い方も簡潔に説明してください。
Repository:
https://github.com/sigurdarson/bones手動でインストールする
README / SKILL.mdから機械抽出できたコマンドのみ表示しています。推測したコマンドではありません。
pnpm add @usebones/react @usebones/tokens @usebones/iconspnpm install
pnpm dev # watch everything
pnpm build # build packages + site04
このSkillを使うプロンプト例
Skill名を明示すると、意図したSkillを使わせやすくなります。自動発動型では必須とは限りません。
usebones.comのTabsページを構成の参考にして、Buttonのドキュメントページを作成してください。05
安全性チェック
自動解析による参考情報です。Skillの安全性を保証するものではありません。
外部API通信明確な記述なし
Shellコマンド実行明確な記述なし
ファイル読み取り明確な記述なし
ファイル書き込み明確な記述なし
ネットワークアクセス明確な記述なし
認証情報明確な記述なし
06
関連Skill
verify-wink
Verify Wink
WinkのWeb UIをデスクトップとスマートフォン画面で操作し、機能や修正をユーザー視点で検証してPASS/FAILの証跡を残します。
評価確度:暫定ai-agentsclaude-codecodex
od-contribute
od-contribute(OpenDesign貢献フロー)
OpenDesignへのSkill・デザインシステム提供、ドキュメント翻訳、誤字修正・ブログ作成、バグ報告を支援し、検証後にPRまたはIssueを作成します。
↗ 急上昇agent-skillsai-designdesign-systems
agent-device
agent-device
iOS、Android、tvOS、macOS、Fire TV、Vega OS TVアプリを操作・検証するためのエージェント向け自動化スキル。
↗ 急上昇agentic-aiautomatione2e-testing