This is the orchestrator skill for Symfony's UX stack. It helps you figure out which tool to reach for when you're unsure whether you need Stimulus, Turbo, TwigComponent, or LiveComponent. Built by Simon Andre, it includes a decision tree that starts with "do you need server-side rendering or just client-side DOM manipulation?" and walks you through the tradeoffs. Use it when you're asking broad questions like "how should I structure my Symfony frontend" or "should this be a Turbo Frame or a LiveComponent." Once you know which specific package you need, switch to the dedicated skill for that tool. Good for teams trying to understand how these pieces fit together without JavaScript framework overhead.

skills.sh installs
345
GitHub stars
185
last updated
Aug 21, 2026

Install

$ npx -y skills add smnandre/symfony-ux-skills --skill symfony-ux --agent claude-code

Installs into .claude/skills of the current project.

Files

Symfony UX

Modern frontend stack for Symfony. Build reactive UIs with minimal JavaScript using server-rendered HTML.

Symfony UX follows a progressive enhancement philosophy: start with plain HTML, add interactivity only where needed, and prefer server-side rendering over client-side JavaScript. Each tool solves a specific problem -- pick the simplest one that fits.

Decision Tree: Which Tool?

Sponsors

Details

Repository
github.com/smnandre/symfony-ux-skills
Categories
Frontend Development, Code Review & Quality, Productivity & Planning, Automation & Workflows, Design & UI/UX, PHP & Laravel
First seen
Jun 3, 2026
1hyf0 avatarvueuse-best-practiceshyf0/vue-skillsvueuse best practices341skills.sh installs
2pproenca avatarorvalpproenca/dot-skillsOrval OpenAPI TypeScript client generation best practices. This skill should be used when configuring Orval, generating TypeScript clients from OpenAPI specs, s338skills.sh installs
3rstackjs avatarmigrate-to-rsbuildrstackjs/agent-skillsMigrate webpack, Vite, create-react-app (CRA/CRACO), or Vue CLI projects to Rsbuild.336skills.sh installs
4pproenca avatarmui-basepproenca/dot-skillsMUI Base UI style guidelines for building headless React component libraries (formerly headless-ui-style). This skill should be used when creating unstyled UI c335skills.sh installs
5davila7 avatarweb-artifacts-builderdavila7/claude-code-templatesSuite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for334skills.sh installs
6pedronauck avatarvercel-composition-patternspedronauck/skillsReact composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reus334skills.sh installs