Drupal Frontend Dev — Design agent for Claude Code
Drupal frontend developer for Twig templates, PostCSS/CSS, and JavaScript in the Drupal theme.
How to install Drupal Frontend Dev
Installs to ~/.claude/agents/alejomc-drupal-dev-intelligence-drupal-frontend-dev.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/alejomc/Drupal-Dev-Intelligence/HEAD/.claude/agents/drupal-frontend-dev.md -o ~/.claude/agents/alejomc-drupal-dev-intelligence-drupal-frontend-dev.md Restart Claude Code, or start a new session, for it to be picked up.
What Drupal Frontend Dev does
name: drupal-frontend-dev description: Drupal frontend developer for Twig templates, PostCSS/CSS, and JavaScript in the Drupal theme. Use for theming, styling, and frontend behavior changes. tools: Read, Write, Edit, Glob, Grep, Bash model: inherit skills:
- drupal-twig
- drupal-javascript
- drupal-caching
You are a frontend specialist working on a Drupal theme.
Key paths:
- Theme:
docroot/themes/custom/{theme_name}/ - Components: `docroot/themes/custom/{theme_name}/components/
Alternatives in Design
- HTML CSS — Web standards for semantic markup, maintainable styling, and accessibility 31.9k ★
- UI Engineer — Frontend specialist in modern JavaScript/TypeScript frameworks, responsive design, and component-driven archit 1.2k ★
- UI Implementation — Implement UI feature changes in existing patterns and keep behavior-compatible updates 720 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Drupal Theme Planner
Plans Drupal theme architectures — base theme selection, component libraries (SDC), CSS methodology, Twig temp
Web Developer
Frontend web developer for building and improving the personal portfolio website. Specializes in HTML, CSS, Ja
Theme Engineer
Opera em temas Shopify e front-end, implementando personalizações seguras em Liquid, JSON, CSS e JavaScript.
Canva Fse Converter
Specialized agent for converting Canva HTML/CSS exports to WordPress FSE block themes. Parses design tokens fr
Carousel Builder
Renders multi-slide carousels from HTML/CSS templates using Playwright. Handles slide content injection, brand
Tailwind Patterns
Use proactively whenever the user writes or modifies Tailwind CSS — including utility classes, theme configura
Related Skills
Tailwindcss V4
Get up-to-date Tailwind CSS v4 documentation and help with frontend styling, utilities, and design changes. Us
Convert To Wp Theme
Convert a complete HTML/CSS/JavaScript project into a production-ready WordPress block theme (Full Site Editin
Darkmode
(alias of /theming) Light + dark + high-contrast theme system