Drupal Frontend
This handles Drupal 8-11+ theming work, covering Twig templates, preprocessing functions, and asset management. You'd reach for it when building custom themes, modifying template suggestions, or wrangling the rendering pipeline. It includes a ready-to-go theme scaffold that you copy and rename, plus solid reference docs on breakpoints, library definitions, and the usual preprocess patterns. The Twig debugging workflow is laid out clearly, which saves the usual fumbling around with services.yml. Honestly just a practical compilation of the theming patterns you'd otherwise hunt down across change records and Stack Overflow. If you're doing front end Drupal work beyond basic tweaks, it consolidates the essentials in one place.
- skills.sh installs
- 300
- GitHub stars
- 28
- last updated
- Aug 21, 2026
Install
$ npx -y skills add omedia/drupal-skill --skill drupal-frontend --agent claude-codeInstalls into .claude/skills of the current project.
Files
Drupal Front End Development
Overview
Enable expert-level Drupal front end development capabilities. Provide comprehensive guidance for theme development, Twig templating, preprocessing, responsive design, and asset management for Drupal 8, 9, 10, and 11+.
When to Use This Skill
Invoke this skill when working with:
- Theme development: Creating or customizing Drupal themes
- Twig templates: Writing or modifying .twig template files
- Preprocessing: Implementing preprocess functions for templates
- Template suggestions: Adding custom template naming patterns
- CSS/JS libraries: Managing theme assets and dependencies
- Responsive design: Implementing breakpoints and mobile-first design
- Rendering system: Understanding Drupal's rendering pipeline
- Theme hooks: Implementing theme-related hooks and alterations
Core Capabilities
1. Theme Development
Build complete, standards-compliant Drupal themes with proper structure:
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/omedia/drupal-skill
- Categories
- Frontend Development, PHP & Laravel
- First seen
- Jun 3, 2026
Recommended
More Frontend Development
react-native-elementspproenca/dot-skillsReact Native Elements UI component library best practices for performance, theming, and proper component usage. Use when building React Native apps with RNE, co258skills.sh installs
shadcn-baseuithunderboltdev/shadcn-baseuiEnforces Base UI patterns in shadcn/ui projects. Prevents LLMs from incorrectly suggesting Radix UI patterns (asChild, etc.) when working with Base UI.251skills.sh installs
dagre-react-flowexistential-birds/beagleAutomatic graph layout using dagre with React Flow (@xyflow/react). Use when implementing auto-layout, hierarchical layouts, tree structures, or arranging nodes247skills.sh installs
angular-cdkoguzhan18/angular-ecosystem-skillsALWAYS use when working with Angular CDK (Component Dev Kit), building custom accessible components, or using drag-drop, overlay, portal, or virtual scrolling.201skills.sh installsangular-componentsoguzhan18/angular-ecosystem-skillsALWAYS use when working with Angular Components, component architecture, @Component decorator, inputs, outputs, or component design patterns.182skills.sh installs
vercel-react-best-practicescloudai-x/claude-workflow-v2React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js c178skills.sh installs