mcpField
D
drupal-canvas

drupal-canvas

github.com/grasmash開発82148 回インストール4 週間前に更新
リポジトリ

drupal-canvas について

Drupal Canvas の React/JSX コードコンポーネント向け上流スキル群への案内です。古くなる可能性のある複製を維持せず、管理されている drupal-canvas/skills の導入を案内します。

主な機能

  1. 01管理されている上流スキル群への案内
  2. 02スキルの適用場面の説明
  3. 03上流スキルの一覧
  4. 04Twig SDC とコードコンポーネントのガイドを区分

活用シーン

  1. 01Canvas コードコンポーネントの作成や編集を始める
  2. 02コードコンポーネントと Twig SDC を選ぶ
  3. 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-composability
  • canvas-component-definition
  • canvas-component-metadata
  • canvas-component-push
  • canvas-component-utils
  • canvas-content-templates
  • canvas-data-fetching
  • canvas-design-decomposition
  • canvas-headless
  • canvas-navigation-components
  • canvas-page-definition
  • canvas-regions
  • canvas-styling-conventions
  • canvas-workbench

このリポジトリにある補完スキル

アップストリームのスイートは React/JSX のみを対象としています。それ以外については、次をご覧ください:

  • drupal-canvas-sdc — テーマとモジュールにおける Twig Single Directory Components: component.yml スキーマ、Canvas 登録ルール、コンポーネント設定エンティティ、 バージョニング、デプロイ時の落とし穴。
  • canvas-contribution — Canvas の機能や修正を drupal.org に貢献する方法 (イシューフォーク、マージリクエスト、Composer パッチ)。

コメント