Plan Canvas Code Component architectures — component definition, metadata/props, data fetching, styling, composability, utilities, and upload/deploy pipelines. Use when designing Canvas components for Drupal CMS site building before coding.
drupal-planner.canvas designs Canvas Code Component architectures before the first component file is written. It produces specifications for component definition structure, prop/schema contracts, data fetching patterns (server vs client), styling conventions and design tokens, component composability (nesting, slots, parent-child data flow), shared utilities, and upload/deploy pipelines — all grounded in Canvas conventions and Drupal CMS site-building patterns.
This is a focused sub-planner of /drupal-planner and the companion planner to drupal-critic (which loads Canvas-specific external skills for review). The planner designs FOR everything the critic's Canvas skills check.
/drupal-planner.theme/drupal-plannerdrupal-critic (loads Canvas external skills)/drupal-planner.content-modeldrupal-critic: Reviews Canvas components using 7 Canvas-specific external skills (component-definition, component-metadata, component-utils, data-fetching, styling-conventions, component-composability, component-upload)drupal-planner: Full Drupal implementation planning (routes here for Canvas phase)drupal-planner.theme: Theme architecture (for SDC and traditional theming alongside Canvas)drupal-planner.content-model: Content model design (Canvas components render content model entities)a11y-planner: Accessibility design (for deep-dive on ARIA patterns within Canvas components)Agent(subagent_type="drupal-planner", model="opus", prompt=<canvas_planning_prompt>)docs/plans/