component-page

コンポーネントドキュメントページ

usebones.comの標準テンプレートに沿って、コンポーネントのプレイグラウンドや状態、Propsを含むドキュメントページを作成・更新します。

AIスキル大辞典による日本語要約
品質評価94/100評価確度:暫定
人気度(GitHub Star) 0発掘スコア 100
01

このSkillでできること

  • 新しいコンポーネントのドキュメントページを作成する
  • 既存ページを標準構成に再編成する
  • コントロール・バリアント・状態を整理する
  • Props情報をドキュメント化する
02

使い方

01
STEP 1

Tabsページを構成の参考にする

02
STEP 2

対象コンポーネントのページとプレイグラウンドを編集する

03
STEP 3

コントロールや状態の例を追加する

04
STEP 4

既存の設計と配置を確認する

03

Skillのインストール

このGitHubリポジトリにあるSkillを確認し、現在の環境に適した方法でインストールしてください。
インストール後、正常に利用できることを確認し、基本的な使い方も簡潔に説明してください。

Repository:
https://github.com/sigurdarson/bones
手動でインストールする

README / SKILL.mdから機械抽出できたコマンドのみ表示しています。推測したコマンドではありません。

pnpm add @usebones/react @usebones/tokens @usebones/icons
pnpm install
pnpm dev        # watch everything
pnpm build      # build packages + site
04

このSkillを使うプロンプト例

Skill名を明示すると、意図したSkillを使わせやすくなります。自動発動型では必須とは限りません。

usebones.comのTabsページを構成の参考にして、Buttonのドキュメントページを作成してください。
05

安全性チェック

自動解析による参考情報です。Skillの安全性を保証するものではありません。

外部API通信明確な記述なし
Shellコマンド実行明確な記述なし
ファイル読み取り明確な記述なし
ファイル書き込み明確な記述なし
ネットワークアクセス明確な記述なし
認証情報明確な記述なし
06

関連Skill