·canvas-component-definition
*

canvas-component-definition

Start here for any React component task to enforce the canonical Canvas component contract. Use for create, modify, refactor, review, migrate, or validate work. Establishes the canonical Canvas component contract, assuming repository components are Canvas targets, and guides either (1) transforming existing components to meet Canvas requirements or (2) creating new Canvas-ready components.

8Installs·1Trend·@acquia

Installation

$npx skills add https://github.com/acquia/nebula --skill canvas-component-definition

How to Install canvas-component-definition

Quickly install canvas-component-definition AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/acquia/nebula --skill canvas-component-definition
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: acquia/nebula.

SKILL.md

View raw

All four parts are required for the component to be usable in Drupal Canvas.

repository's configured components root, which may be defined in .env)

array-of-object prop shapes; use slots for repeatable complex content)

Start here for any React component task to enforce the canonical Canvas component contract. Use for create, modify, refactor, review, migrate, or validate work. Establishes the canonical Canvas component contract, assuming repository components are Canvas targets, and guides either (1) transforming existing components to meet Canvas requirements or (2) creating new Canvas-ready components. Source: acquia/nebula.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/acquia/nebula --skill canvas-component-definition
Category
*Creative Media
Verified
First Seen
2026-02-22
Updated
2026-03-10

Browse more skills from acquia/nebula

Quick answers

What is canvas-component-definition?

Start here for any React component task to enforce the canonical Canvas component contract. Use for create, modify, refactor, review, migrate, or validate work. Establishes the canonical Canvas component contract, assuming repository components are Canvas targets, and guides either (1) transforming existing components to meet Canvas requirements or (2) creating new Canvas-ready components. Source: acquia/nebula.

How do I install canvas-component-definition?

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-definition Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/acquia/nebula