コンポーネントページの見方

最終更新日: 2026年10月16日

詳細ページのプレビュー、含まれるもの、依存パッケージ、技術スタック、似ているコンポーネント。

2つのプレビュー

ページを開くと、セクションはその場で動きます。「ライブプレビュー」は別タブで、同じセクションを大きく開きます。どちらもコピー回数は減りません。

「プレビューを拡大」でその場の表示を広げ、「プレビューを閉じる」で戻します。

コピーする前に読む欄

  • 含まれるもの。そのセクションに入っている要素です

  • 依存パッケージ。コピーしたあと、エージェントが入れる npm パッケージの候補です。実際に実行するコマンドは、コピー本文の Install NPM dependencies です

  • 技術スタック。React、Tailwind など、そのセクションが前提にしている技術です

  • バージョン。カタログ側の版です。自分のアプリのバージョンではありません

コピーは「Cursor 用にコピー」です。手順は「Copy for Cursor で渡す」にあります。

次の候補

ページの下にある「似ているコンポーネント」から、同じ役割の別のセクションへ移れます。動きを見てから、コピーする1件を決めてください。

コンポーネントページの見方 | DesignLayer