drupal-canvas/skills

16 resources in this repository

🎯16Skills

🎯Skills16

A collection of skills for AI coding agents developing Drupal Canvas Code Components, following the Agent Skills format.

canvas-component-definition

🎯canvas-component-metadata🎯Skill

A skill for AI coding agents developing Drupal Canvas Code Components, providing metadata management for canvas components following the Agent Skills format.

canvas-component-metadata

🎯canvas-data-fetching🎯Skill

Provides data fetching patterns and best practices for AI agents developing Drupal Canvas Code Components.

canvas-data-fetching

🎯canvas-component-utils🎯Skill

Provides component utility patterns and best practices for AI agents developing Drupal Canvas Code Components.

canvas-component-utils

🎯canvas-styling-conventions🎯Skill

A Claude Code skill for styling Canvas components with Tailwind CSS 4 theme tokens and approved utility patterns. Covers @theme variables, CVA (class-variance-authority) variants, the cn() utility for class merging, and conventions for focus, hover, and active states.

canvas-styling-conventions

🎯canvas-component-composability🎯Skill

A Claude Code skill for designing Canvas-ready React components with slots and decomposition-first patterns. Guides decisions on props vs. slots, variant modeling, repeatable list/grid content, and when to split or merge components to ensure Canvas compatibility.

canvas-component-composability

🎯canvas-component-push🎯Skill

A collection of skills for AI coding agents developing Drupal Canvas Code Components, following the Agent Skills format.

canvas-component-push

🎯canvas-workbench🎯Skill

A collection of agent skills for AI coding agents developing Drupal Canvas Code Components, following the Agent Skills specification format.

canvas-workbench

🎯canvas-page-definition🎯Skill

A collection of skills for AI coding agents developing Drupal Canvas Code Components, following the Agent Skills format.

canvas-page-definition

🎯canvas-navigation-components🎯Skill

An agent skill for developing Drupal Canvas Code Components, following the Agent Skills format to help AI coding agents build and manage component-based Drupal interfaces.

canvas-navigation-components

🎯canvas-design-decomposition🎯Skill

A collection of AI coding agent skills for developing Drupal Canvas Code Components, following the Agent Skills format.

canvas-design-decomposition

🎯canvas-content-templates🎯Skill

Skill

canvas-content-templates

🎯canvas-regions🎯Skill

Skill

canvas-regions

🎯canvas-component-upload🎯Skill

A collection of skills for AI coding agents developing Drupal Canvas Code Components, following the Agent Skills format.