drupal-canvas
Entry point for Drupal Canvas Code Components (React/JSX). Points to the officially maintained drupal-canvas/skills suite (component definition, metadata, push, styling, data fetching, regions, page definition, content templates) and to this repo's complements for Twig SDCs and upstream contribution. Use when creating, modifying, or pushing Canvas Code Components, or when deciding which Canvas skill applies.
How do I install this agent skill?
npx skills add https://github.com/grasmash/drupal-claude-skills --skill drupal-canvasIs this agent skill safe to install?
- Gen Agent Trust Hubpass
The skill facilitates the development of Drupal components using the Canvas framework. It includes instructions for scaffolding projects and installing additional agent capabilities from external sources. The primary risk identified is a potential surface for indirect prompt injection when components process data from a Drupal backend, which is common in content management workflows.
- Socketpass
No alerts
- Snykpass
Risk: LOW · No issues
- ZeroLeakspass
Score: 93/100 · 2 sections analyzed
What does this agent skill do?
Drupal Canvas Code Components — use the upstream suite
Canvas Code Components (React/JSX) are covered by the officially maintained drupal-canvas/skills suite (MIT licensed). This repo does not mirror it: a local copy goes stale as upstream evolves, and stale component rules are worse than none. Install the real thing:
npx skills add drupal-canvas/skills
To scaffold a codebase for Code Components, upstream publishes a CLI:
npx @drupal-canvas/create <project>.
When This Skill Activates
- Building, editing, or pushing a Canvas Code Component
- Choosing between a Code Component and a Twig SDC
- Looking for Canvas guidance and unsure which skill holds it
Upstream skills
The suite ships these skills (check the repo for the current list):
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
Complements in this repo
The upstream suite is React/JSX only. For everything else:
drupal-canvas-sdc— Twig Single Directory Components in themes and modules:component.ymlschemas, Canvas registration rules, component config entities, versioning, and deploy pitfalls.canvas-contribution— contributing Canvas features and fixes back to drupal.org (issue forks, merge requests, composer patches).
How can the creator link this skill?
Add the canonical catalog link to the repository README so users can inspect current installs and available audits. The publishing guide covers the complete discovery path.
<a href="https://skillzs.dev/skills/grasmash/drupal-claude-skills/drupal-canvas">View drupal-canvas on skillZs</a>