Define valid component.yml metadata for Canvas components, including props, slots, and enums. Use when (1) Creating a new component, (2) Adding or modifying props, (3) Troubleshooting "not a valid choice" or prop type errors, (4) Mapping enums to CVA variants.
Quickly install canvas-component-metadata AI skill to your development environment via command line
Source: acquia/nebula.
Every prop definition must include a title for the UI label. The examples array is required for required props and recommended for all others. Only the first example value is used by Drupal Canvas.
The prop ID (the key under properties) must be the camelCase conversion of the title value.
Only include user-facing, Canvas-editable props in component.yml. Implementation-only React props must stay in JSX and must not be added to metadata.
Define valid component.yml metadata for Canvas components, including props, slots, and enums. Use when (1) Creating a new component, (2) Adding or modifying props, (3) Troubleshooting "not a valid choice" or prop type errors, (4) Mapping enums to CVA variants. Source: acquia/nebula.
Stable fields and commands for AI/search citations.
npx skills add https://github.com/acquia/nebula --skill canvas-component-metadataDefine valid component.yml metadata for Canvas components, including props, slots, and enums. Use when (1) Creating a new component, (2) Adding or modifying props, (3) Troubleshooting "not a valid choice" or prop type errors, (4) Mapping enums to CVA variants. Source: acquia/nebula.
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/acquia/nebula --skill canvas-component-metadata Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
https://github.com/acquia/nebula