🎯

canvas-data-fetching

🎯Skill

from drupal-canvas/skills

What it does

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

📦

Same repository

drupal-canvas/skills(16 items)

canvas-data-fetching

Installation

Vibe Index InstallInstalls to .claude/skills/

npx vibeindex add drupal-canvas/skills --skill canvas-data-fetching

skills.sh Install⚠ Installs to .agents/skills/

npx skills add drupal-canvas/skills --skill canvas-data-fetching

Manual InstallCopy SKILL.md content and save to the path below

~/.claude/skills/canvas-data-fetching/SKILL.md

SKILL.md

120Installs

AddedFeb 13, 2026

View on GitHub Back to Skills

More from this repository10

🎯

canvas-component-definition🎯Skill

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

🎯

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-utils🎯Skill

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

🎯

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-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-push🎯Skill

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

🎯

canvas-workbench🎯Skill

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

🎯

canvas-page-definition🎯Skill

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

🎯

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-design-decomposition🎯Skill

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