skills.rest
schalkneethling
schalkneethlingCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

component-scaffolding

Scaffold Drupal/Twig component skeletons with web components and Miyagi validation.

7|Updated Dec 26, 2025
Search Tags:#mocks#schema#scaffold#web components#Miyagi#Drupal#Twig
One-click install
npx skills add https://github.com/schalkneethling/webdev-agent-skills --skill component-scaffolding
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: component-scaffolding
Source: https://github.com/schalkneethling/webdev-agent-skills/tree/main/component-scaffolding
Command: npx skills add https://github.com/schalkneethling/webdev-agent-skills --skill component-scaffolding

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill automates scaffolding Drupal/Twig component skeletons with web components and Miyagi validation.

Core Features & Use Cases

  • Generate component skeletons for a Drupal theme using Twig templates, web components, and Miyagi validation.
  • Create the essential files for a new component, including Twig templates, CSS, JavaScript web components, JSON schemas, and mock data files.
  • Use Case: Add a new component at patterns/share-button to quickly produce a functional, standards-aligned skeleton ready for customization.

Quick Start

Use a command like: add component skeleton at patterns/share-button to generate Twig, CSS, JS skeletons, and associated schema/mocks.

Frequently Asked Questions about component-scaffolding

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I scaffold a Drupal Twig component with web components and Miyagi validation?▼

Scaffolding a Drupal Twig component requires specifying a target path like patterns/share-button. The skill generates Twig templates, CSS, JavaScript web components, JSON schemas, and mock data files with convention-compliant placeholders for theme and library names.

What files are included when generating a new component skeleton for a Drupal theme?▼

Generating a component skeleton produces Twig templates, CSS, JavaScript web components, JSON schemas, and mock data files. These files include placeholders for theme name, library names, schema, and mocks to ensure adherence to Drupal and Miyagi conventions.

Can I use this scaffolding tool to add components to an existing Drupal patterns directory?▼

Yes, you can add components to an existing Drupal patterns directory by specifying the target path in your request. The tool creates the skeleton files at the exact location provided, such as patterns/share-button, ready for customization.

Do I need Miyagi to validate scaffolded Twig components and mock data?▼

Miyagi validation is integrated into the scaffolded component skeletons, specifically generating JSON schemas and mock data files. The output ensures the component files adhere to the required conventions for validation within the Miyagi system.

What is the best way to create a share-button component skeleton with Twig and JSON mocks?▼

The best way to create a share-button component skeleton is to request it at a specific path like patterns/share-button. This triggers automated generation of Twig, CSS, JS, JSON schema, and mock data files with standard placeholders.

Related Skills

Explore More Software Engineering Skills→
vidzzavidzza

component-scaffolding

Generate Drupal/Twig component skeletons with web components and Miyagi validation.

Community
Intermediate
proofoftomproofoftom
1

drupal-theming

Create Drupal front-end output with render arrays, Twig templates, and the Libraries API.

Community
Intermediate
AJV009AJV009
1

twig-templating

Standardize Drupal Twig templates with naming conventions and BEM CSS patterns.

Community
Intermediate
AJV009AJV009
1

drupal-frontend-expert

Automate Drupal frontend theming tasks for Twig templates and SDC components.

Community
Advanced