drupal-canvas
Official@drupal-canvas
Offers a standardized framework for integrating decoupled content structures into modular React-based component architectures.
Agent Skills by drupal-canvas
Showing 8 vetted skills indexed across 1 GitHub repositories.
drupal-canvascanvas-data-fetching
Fetch and render Drupal content in Canvas components using JSON:API and SWR.
drupal-canvascanvas-component-push
Validate environment and execute Canvas pushes with retry handling for dependency failures.
drupal-canvascanvas-component-definition
Validate Canvas component folders for required index.jsx and component.yml files.
drupal-canvascanvas-workbench
Detect the project package manager and run Canvas Workbench for component verification.
drupal-canvascanvas-component-metadata
Define and enforce valid component.yml metadata for Canvas components.
drupal-canvascanvas-styling-conventions
Style Canvas components with Tailwind 4 theme tokens and CVA variants.
drupal-canvascanvas-component-composability
Design composable Canvas-ready React components using slots and decomposition-first patterns.
drupal-canvascanvas-component-utils
Render HTML content and responsive images in React components.
Frequently Asked Questions About drupal-canvas
FAQPage SchemaWhat specific tasks does the Drupal-Canvas framework enable?▼
It enables the fetching of content via JSON:API, validation of component directory structures, enforcement of metadata schemas, and the rendering of responsive content within React components using Tailwind 4 and CVA variants.
Which technical personas benefit from using these components?▼
Frontend engineers and design system architects benefit from these capabilities. It is specifically designed for developers managing decoupled content architectures who require strict validation, composable component patterns, and standardized styling conventions across large-scale web projects.
What are the prerequisites for implementing these component definitions?▼
Implementation requires a project environment containing index.jsx and component.yml files. Developers must ensure their environment supports the detected package manager and adheres to the required directory structure for component verification and metadata enforcement.