canvas-component-metadata
Installation
SKILL.md
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; it overrides the
React-specific guidance below. The component.yml schema in this skill is
identical in headless projects. 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.
File structure
Every component.yml must include these top-level keys: