Symfony UX Skills

A comprehensive collection of AI skills for the Symfony UX ecosystem. These skills teach AI coding assistants how to build modern, interactive Symfony applications using Turbo, LiveComponent, Stimulus, Twig Components, and more.

Inspired by the Anthropic Skills format and compatible with Context7 for up-to-date documentation delivery.

Skills

Skill	Description
symfony-ux-stimulus	Build interactive behavior with Stimulus controllers, values, targets, actions, outlets, and lifecycle callbacks
symfony-ux-turbo	SPA-like navigation with Turbo Drive, Frames, Streams, and real-time Mercure broadcasting
symfony-ux-live-component	Reactive server-rendered components with LiveProp, LiveAction, form integration, polling, and component communication
symfony-ux-twig-component	Reusable UI components with PHP backing classes, props, attributes, slots, and composition
symfony-ux-autocomplete	AJAX-powered autocomplete fields with Tom Select, entity autocomplete, and custom search
symfony-ux-icons	SVG icon rendering with local icons and Iconify integration (200,000+ icons)

How to Choose

Building a Symfony app and need...

Interactive UI without full JS framework?
├─ Simple JS behavior (toggles, modals) → Stimulus
├─ SPA-like page navigation → Turbo Drive (automatic)
├─ Partial page updates → Turbo Frames
├─ Real-time updates (chat, notifications) → Turbo Streams + Mercure
├─ Reactive server-rendered UI → LiveComponent
├─ Reusable template components → Twig Component
├─ Searchable select/autocomplete → UX Autocomplete
└─ SVG icons in templates → UX Icons

Installation (Claude Code)

Register this repository as a plugin marketplace:

/plugin marketplace add woweya/Symfony-UX-LiveComponent-Skill

Then install:

/plugin install symfony-ux-skills@symfony-ux-skills

Installation (Claude.ai / Manual)

Upload individual SKILL.md files from the skills/ directory as custom skills.

Context7 Integration

This repository includes a context7.json configuration for integration with Context7. Context7 can parse and serve these skills as up-to-date documentation for AI coding assistants.

Structure

├── README.md
├── context7.json              # Context7 configuration
├── .claude-plugin/
│   └── marketplace.json       # Claude Code plugin registration
└── skills/
    ├── symfony-ux-stimulus/
    │   ├── SKILL.md
    │   └── examples/
    ├── symfony-ux-turbo/
    │   ├── SKILL.md
    │   └── examples/
    ├── symfony-ux-live-component/
    │   ├── SKILL.md
    │   └── examples/
    ├── symfony-ux-twig-component/
    │   ├── SKILL.md
    │   └── examples/
    ├── symfony-ux-autocomplete/
    │   ├── SKILL.md
    │   └── examples/
    └── symfony-ux-icons/
        └── SKILL.md

License

Apache 2.0 — See LICENSE for details.

Contributing

1. Fork this repository
2. Create a new skill in skills/your-skill-name/
3. Include a SKILL.md with YAML frontmatter and comprehensive instructions
4. Add examples in an examples/ subdirectory
5. Submit a pull request