Canvas Headless

Canvas Headless lets an external frontend application (including Angular) render Canvas components instead of Drupal. Components are authored in the frontend codebase in that framework's own language, and only their metadata is registered with Drupal — no component code is pushed.

This skill is the source of truth for how Canvas skills apply in a headless codebase. Other canvas-* skills link here instead of restating these rules.

Detection

A project is a Canvas Headless codebase when package.json lists a dependency named @drupal-canvas/headless or starting with @drupal-canvas/headless- (in dependencies or devDependencies). This is the same rule the Canvas CLI uses internally.