Frontend

LiveComponent

by smnandre

LiveComponent is a Frontend skill for Claude Code, published by smnandre in symfony-ux-skills.

171 stars14 forkson smnandre/symfony-ux-skillsAdded 2026/09/08+1% in starsRepository updated 2026/06/14
claudeclaude-pluginclaude-skillscodexcodex-skillscomponentsgeminigemini-cli-extensiongemini-extensiongemini-skillsskillskillssymfonysymfony-uxuxux-agentux-iconsux-map
Install in seconds
Install LiveComponent
Copy LiveComponent into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.
terminal
npx degit https://github.com/smnandre/symfony-ux-skills/tree/main/skills/live-component ~/.claude/skills/live-component

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/smnandre/symfony-ux-skills.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file
skills/live-component/SKILL.md in smnandre/symfony-ux-skills
Installs to
~/.claude/skills/live-component
Collection
One of 7 skills cataloged from this repository
Category
Frontend732 skills

What LiveComponent does

LiveComponent builds reactive server-rendered UI in Symfony UX that re-renders over AJAX when users interact. Use it for live search, inline validation, dependent selects, auto-save, polling, and other components that update from user input.

LiveComponent is cataloged under Frontend on DirSkills. LiveComponent comes from a repository tagged claude, claude-plugin, claude-skills, codex and codex-skills.

Documentation

README

LiveComponent

TwigComponents that re-render dynamically via AJAX. Build reactive UIs in PHP + Twig with zero JavaScript. Every user interaction triggers a server round-trip that re-renders the component and morphs the DOM.

When to Use LiveComponent

Use LiveComponent when a component's output depends on user interaction -- search results that update as you type, forms with real-time validation, filters that refine a list, anything where the UI needs to change based on user input and that change requires server-side data or logic.

If the component never re-renders after initial load, use TwigComponent instead (less overhead, no AJAX). If the interaction is purely client-side (toggle, animation), use Stimulus instead.

This is the opening of the README. Read the full README on GitHub.

Frequently asked about LiveComponent

  • What else does smnandre publish alongside LiveComponent?

    LiveComponent is one of 7 skills that DirSkills catalogs from smnandre/symfony-ux-skills, the repository it ships in. Its siblings there include Stimulus, Symfony UX and Turbo. Each one is a separate skill with its own page in this directory, installs the same way LiveComponent does, and is maintained by smnandre in that same repository. The rest of the collection is listed on the smnandre/symfony-ux-skills page.

  • How does LiveComponent compare to other Frontend skills?

    LiveComponent ranks #644 by stars among the 732 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of LiveComponent against them. Open each page to compare what they document and how they install.

More from smnandre/symfony-ux-skills

LiveComponent is one of 7 skills cataloged on DirSkills from smnandre/symfony-ux-skills.

See all 7 skills