Does it automatically detect my project's namespace?

Yes, the skill reads your composer.json file to identify the correct PSR-4 autoload namespace, defaulting to 'App' if none is found.

Can I create components in subdirectories?

Yes, by using a colon in the name (e.g., 'UI:Button'), the skill will automatically create the appropriate nested folder structure in both your src and templates directories.

Does this skill support anonymous Twig components?

Yes, it allows you to choose between Standard components (PHP + Twig) and Anonymous components (Twig only) during the generation process.

How are component properties handled in the PHP class?

The skill generates public properties for each prop you define, avoiding the use of 'readonly' to ensure compatibility with Symfony's component hydration logic.

Twig Component Generator

Name: Twig Component Generator
Author: atournayre

byatournayre

0•

Design Tools

Generates production-ready Symfony UX Twig components including boilerplate PHP classes and associated templates.

The Twig Component Generator skill streamlines the development of Symfony UX applications by automating the creation of both standard and anonymous Twig components. It handles the repetitive task of scaffolding PHP classes with the #[AsTwigComponent] attribute, defining public properties, and setting up Twig templates with the necessary boilerplate like {{ attributes }}. By enforcing industry best practices—such as avoiding readonly properties and utilizing computed methods—this skill ensures that your UI components are scalable, maintainable, and correctly integrated into the Symfony ecosystem.

Key Features

01Handles complex property types including nullable values and defaults

02Generates nested directory structures for organized component libraries

03Supports both Standard (PHP + Twig) and Anonymous component types

04Automates namespace detection from project composer.json files

05Configures advanced options including mount() methods and computed properties

060 GitHub stars

Use Cases

01Building a consistent UI design system within a Symfony application

02Rapidly scaffolding complex dashboard widgets with backend business logic

03Creating logic-free presentation components for atomic design patterns

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add atournayre/claude-personas make-component

For use in Claude.ai and ChatGPT

Key Features

01Handles complex property types including nullable values and defaults

02Generates nested directory structures for organized component libraries

03Supports both Standard (PHP + Twig) and Anonymous component types

04Automates namespace detection from project composer.json files

05Configures advanced options including mount() methods and computed properties

060 GitHub stars

Use Cases

01Building a consistent UI design system within a Symfony application

02Rapidly scaffolding complex dashboard widgets with backend business logic

03Creating logic-free presentation components for atomic design patterns

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add atournayre/claude-personas make-component

For use in Claude.ai and ChatGPT