twig:make-component

What problem does it solve?

This Skill automates the creation of reusable Twig Components in Symfony applications, streamlining front-end development by generating both the PHP class and the Twig template.

Core Features & Use Cases

• Full Component Generation: Creates a PHP class with #[AsTwigComponent] and a corresponding Twig template.
• Customizable Props & Options: Supports defining component properties, mount methods, computed properties, and slots.
• Anonymous Components: Can generate Twig templates only for purely visual components.
• Use Case: Quickly scaffold a new UserProfileCard component, defining its props like user and avatarUrl, and generating the initial PHP and Twig files ready for customization.

Quick Start

Use the twig:make-component skill to generate a new Twig component named 'UserProfileCard' with 'user:App\Entity\User' and 'avatarUrl:?string' as props.