skills.rest
smnandresmnandreCommunity·5 Agent Skills Included

symfony-ux-skills

Symfony UX frontend guidance for Stimulus, Turbo, components, icons, maps

Guides coding agents through the Symfony UX frontend stack, covering Stimulus controllers, Turbo navigation, Twig and Live components, SVG icons, and interactive maps. Eliminates outdated training-data guesses by supplying version-accurate API references, real patterns, and known pitfalls for each package. Helps developers pick the right tool per task and ship reactive Symfony interfaces faster with fewer errors.
166|12
↗
npx skills add smnandre/symfony-ux-skills --all -g -y
Available:

Gives the agent a decision tree for routing each frontend task to the right Symfony UX skill, plus key rules like rendering attributes on LiveComponent roots and matching Turbo Frame IDs.

All Skills in This Repository (5)

Pure Emerald Level Indicators
📦 In Repo
smnandresmnandre

turbo

Automate SPA-like navigation and real-time updates in Symfony UX apps with Turbo.

Community
Advanced
📦 In Repo
smnandresmnandre

symfony-ux

Guides Symfony developers in selecting and combining Stimulus, Turbo, TwigComponent, and LiveComponent for frontend interactivity.

Community
Intermediate
📦 In Repo
smnandresmnandre

stimulus

Attach Stimulus controllers to server-rendered HTML via data attributes.

Community
Intermediate
📦 In Repo
smnandresmnandre

live-component

Build interactive server-rendered Symfony UX components with LiveProp and LiveAction.

Community
Advanced
📦 In Repo
smnandresmnandre

twig-component

Create reusable UI components for Symfony UX using Twig templates and PHP classes.

Community
Advanced

Frequently Asked Questions

FAQPage Schema
How to install symfony-ux-skills?â–¼

Run `npx skills add smnandre/symfony-ux-skills --all -g -y` in your terminal to install all seven skills globally.

Which Symfony UX tool should I use?â–¼

Use Stimulus for pure client-side behavior, Turbo for navigation and partial page updates, TwigComponent for static reusable UI, and LiveComponent for reactive server-rendered interfaces. The symfony-ux orchestrator skill helps the agent decide automatically.

Does it work with Claude Code, Codex, and Gemini CLI?â–¼

Yes. All skills follow the open SKILL.md standard and run in Claude Code, OpenAI Codex, Gemini CLI, Cursor, Windsurf, and any compatible platform.

Which Symfony UX versions are covered?â–¼

The skills target Symfony UX 2.22 through 2.28+, with Symfony 7.2/7.4/8.0 and PHP 8.4+, including newer features like twig Turbo Stream components and icon locking.

Can I build reactive components without writing JavaScript?â–¼

Yes. The live-component skill teaches the agent to build live search, real-time validation, and dependent selects entirely in PHP and Twig with zero custom JavaScript.

Related Repositories in Software Engineering

View All in Software Engineering→
openclawopenclaw
388.4k

openclaw

Run a personal AI assistant across your devices and chat apps

Official📦 120 Skills
obraobra
280.0k

superpowers

Gives coding agents a disciplined workflow from idea to merged code

Community📦 15 Skills
facebookfacebook
248.4k

react

AI agent skills for building, testing, and porting React core

Official📦 14 Skills