This skill provides a comprehensive framework for developing Craft CMS 5 sites, focusing specifically on the template layer and frontend architecture. It implements a structured atomic design methodology (atoms, molecules, organisms) to ensure component reusability and maintainability. By integrating essential tools like Vite, Tailwind CSS, and industry-standard plugins such as SEOmatic, Blitz, and Sprig, it enables developers to build high-performance, accessible, and SEO-optimized interfaces. It covers everything from complex view routing and Matrix-driven content builders to frontend authentication flows and headless integration patterns.
主要功能
01Vite and Tailwind CSS buildchain configuration
02Frontend authentication flows for login, registration, and profiles
03Atomic Design architecture (atoms, molecules, organisms)
04Advanced Twig patterns for component composition and routing
05Responsive image management via ImageOptimize and Imager-X
0652 GitHub stars
使用场景
01Configuring a high-performance frontend with Blitz caching and SEOmatic
02Implementing reactive components using Twig, Alpine.js, or Sprig
03Building a scalable design system for a new Craft CMS 5 project