Skills
.Work. You
Rest

component-authoring

Community

Master React components for Drupal Canvas.

Software Engineering#react#tailwind#cva#design-tokens#component-authoring#drupal-canvas
AuthorAJV009
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill provides a structured framework for authoring React components for Drupal Canvas and Drupal CMS, promoting consistency and interoperability across projects.

Core Features & Use Cases

  • Covers the technology stack (React 19, Tailwind CSS 4, CVA variants, cn utility)
  • Documents the component.yml prop and slot definitions, enum naming, and media prop types
  • Guides applying design tokens from global.css and enforcing the required folder structure
  • Use cases include building, editing, or fixing components under canvas/src/components/

Quick Start

Install this skill in your project and begin scaffolding a component with an index.jsx and component.yml following the guidelines.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: component-authoring
Download link: https://github.com/AJV009/drupal-devkit/archive/main.zip#component-authoring

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.