Acquia avatar

Acquia

Official

@acquia · Acquia

0Followers
|
263Public Repos
|
18Published Skills

Offers enterprise-grade Drupal content integration, React component standardization, and visual regression testing for decoupled web architectures.

Skills Distribution
DomainUI/UX & Crea...React Component En.. (40%)Drupal Content Int.. (30%)Visual Regression .. (30%)

Agent Skills by Acquia

Showing 18 vetted skills indexed across 1 GitHub repositories.

acquiaacquia
16

canvas-data-fetching

Fetch Drupal JSON:API content with JsonApiClient and SWR caching.

Official
Intermediate
acquiaacquia
16

agent-browser

Automate Chromium browser tasks including navigation, form filling, and data extraction.

Official
Advanced
acquiaacquia
16

canvas-component-push

Push validated Canvas component changes to Drupal Canvas with retry logic.

Official
Intermediate
acquiaacquia
16

canvas-component-definition

Validate Canvas React components against the canonical component contract.

Official
Intermediate
acquiaacquia
16

canvas-workbench

Start and verify the local Canvas Workbench development server for component and page previews.

Official
Intermediate
acquiaacquia
16

canvas-component-metadata

Validate and standardize Canvas component.yml metadata for components.

Official
Basic
acquiaacquia
16

nebula-component-validation

Validate Drupal Canvas component code and apply ESLint and Prettier fixes.

Official
Intermediate
acquiaacquia
16

implement-design

Translate Figma designs into UI code with design tokens.

Official
Advanced
acquiaacquia
16

nebula-component-creation

Copy example React components into src/components with dependencies and preview coverage.

Official
Intermediate
acquiaacquia
16

nebula-visual-verification

Verify changed Canvas Workbench components and pages across viewports using collect-visual-signals.js.

Official
Advanced
acquiaacquia
16

canvas-styling-conventions

Enforce Tailwind CSS v4 theme tokens, CVA variants, and cn utility in Canvas components.

Official
Intermediate
acquiaacquia
16

nebula-workbench-pages

Enforce placement of active Canvas Workbench pages in the top-level pages/ directory.

Official
Basic
acquiaacquia
16

canvas-page-definition

Validate Canvas page JSON files against the Workbench schema contract.

Official
Intermediate
acquiaacquia
16

canvas-component-composability

Decompose React components into Canvas-compatible slot and prop structures.

Official
Intermediate
acquiaacquia
16

canvas-component-utils

Render formatted HTML and responsive images from Drupal Canvas component props.

Official
Basic
acquiaacquia
16

nebula-project-structure

Detect repository layout and package manager from config and lock files.

Official
Basic
acquiaacquia
16

dogfood

Explore web applications via browser automation and generate structured QA reports.

Official
Advanced
acquiaacquia
16

nebula-scrape-url

Capture desktop, tablet, and mobile screenshots and HTML from web pages.

Official
Basic

Frequently Asked Questions About Acquia

FAQPage Schema
What specific tasks can developers perform using these capabilities?

Developers can fetch Drupal content via JSON:API, validate React components against canonical contracts, enforce Tailwind CSS styling conventions, and perform automated visual regression testing across multiple viewports. These capabilities ensure that frontend components remain synchronized with backend content structures and design system requirements.

Which engineering personas benefit from these technical capabilities?

Frontend engineers, Drupal developers, and quality assurance specialists benefit most from these capabilities. The system is designed for teams managing decoupled architectures who require strict adherence to component contracts, design token consistency, and automated verification of UI rendering across various device resolutions.

What are the prerequisites for implementing these component validation features?

Implementation requires a project structure utilizing React components, a Drupal backend configured for JSON:API, and a local development environment supporting the Canvas Workbench. Projects must adhere to the defined component.yml metadata standards and utilize the specified Tailwind CSS v4 theme token configurations for successful validation.