Drupal Theming and Templates

What problem does it solve?

This Skill streamlines Drupal theme development by promoting best practices that lead to maintainable, performant, and scalable themes. It helps you avoid common issues like inconsistent naming, excessive overrides, and unmanageable CSS, saving you significant development and debugging time.

Core Features & Use Cases

• Clean Machine Names: Generate one-word theme machine names without redundant prefixes, simplifying theme hooks and template suggestions.
• Twig-First Templates: Emphasize using Twig templates and preprocess functions for adding classes and attributes, minimizing direct HTML overrides.
• Atomic SCSS Structure: Guide the organization of your SCSS files by responsibility (variables, mixins, entities, components) and promote semantic class prefixes (twig-, js-).
• Use Case: When starting a new custom theme, ask Claude to plan its structure, ensuring it extends Classy, includes essential overrides for system pages (404, login), and has a well-organized SCSS directory.

Quick Start

Plan a one-word machine name theme that extends Classy, lists essential Twig overrides (404/403/maintenance/login), and proposes SCSS folders with twig-/js- class prefixes.