canvas-workbench
Project type
Before applying this skill, check package.json for a dependency named
@drupal-canvas/headless or starting with @drupal-canvas/headless-. If one is
present, this is a Canvas Headless codebase — read
canvas-headless first. Workbench currently
supports React projects only: use it in React headless projects (Next.js,
TanStack Start), but in Nuxt and Astro projects verify components through the
framework dev server instead. If no such dependency is present, this is a
Canvas-rendered React codebase: components are React (index.jsx/.tsx) and
everything in this skill applies as written. These are the only two project
types.
Installation gate
Before trying to use Workbench, detect the project's package manager and use its
executable runner for @drupal-canvas/workbench.
Preferred commands: