drupal-canvas について
Drupal Canvas の React/JSX コードコンポーネント向け上流スキル群への案内です。古くなる可能性のある複製を維持せず、管理されている drupal-canvas/skills の導入を案内します。
主な機能
- 01管理されている上流スキル群への案内
- 02スキルの適用場面の説明
- 03上流スキルの一覧
- 04Twig SDC とコードコンポーネントのガイドを区分
活用シーン
- 01Canvas コードコンポーネントの作成や編集を始める
- 02コードコンポーネントと Twig SDC を選ぶ
- 03Canvas のコンテンツテンプレートやデータ取得のガイドを探す
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ grasmash/ drupal-claude-skills --skill drupal-canvasインストール後、Claude Code で/drupal-canvasを入力して読み込まれたか確認します。
詳細
Drupal Canvas Code Components — アップストリームのスイートを使用する
Canvas Code Components(React/JSX)は、公式にメンテナンスされている drupal-canvas/skills スイート (MIT ライセンス)の対象です。このリポジトリではミラーしていません。ローカルコピーは アップストリームの更新に伴って古くなり、古くなったコンポーネントのルールはないよりも 悪いためです。本物をインストールしてください。
npx skills add drupal-canvas/skills
Code Components 用のコードベースをスキャフォールドするには、アップストリームが CLI を提供しています:
npx @drupal-canvas/create <project>。
このスキルが有効になる場面
- Canvas Code Component の構築、編集、またはプッシュ
- Code Component と Twig SDC の選択
- Canvas のガイダンスを探していて、どのスキルにあるのかわからない場合
アップストリームのスキル
このスイートには次のスキルが含まれています(最新の一覧はリポジトリを確認してください):
canvas-component-composabilitycanvas-component-definitioncanvas-component-metadatacanvas-component-pushcanvas-component-utilscanvas-content-templatescanvas-data-fetchingcanvas-design-decompositioncanvas-headlesscanvas-navigation-componentscanvas-page-definitioncanvas-regionscanvas-styling-conventionscanvas-workbench
このリポジトリにある補完スキル
アップストリームのスイートは React/JSX のみを対象としています。それ以外については、次をご覧ください:
drupal-canvas-sdc— テーマとモジュールにおける Twig Single Directory Components:component.ymlスキーマ、Canvas 登録ルール、コンポーネント設定エンティティ、 バージョニング、デプロイ時の落とし穴。canvas-contribution— Canvas の機能や修正を drupal.org に貢献する方法 (イシューフォーク、マージリクエスト、Composer パッチ)。
コメント
Markdown 対応