Home / Skills / twig-component

twig-component

Symfony UX TwigComponent for reusable UI building blocks -- server-rendered components with PHP classes and Twig templates. Use when creating buttons, cards, alerts, badges, navbars, or any reusable UI element with props, blocks/slots, computed properties, or anonymous (template-only) components. Code triggers: AsTwigComponent, #[AsTwigComponent], ExposeInTemplate, PreMount, PostMount, <twig:Alert />, <twig:Button>, component(), computed properties, anonymous component, HTML syntax. Also trigger when the user asks "how to create a reusable component", "how to make a component library", "how to

ScannedSkillSource: Gemini CLI extensions gallery

180 stars Updated 5mo ago License MIT Context ≈154 tokens always loaded

52popular

Why this score

Stars

10/35

Usage (forks)

2/15

Upkeep

15/25

License

15/15

Owner history

10/10

This repo hosts 7 skills, so its 180 stars are split between them (about 26 each) for scoring.

Popularity score: 52/100 from public GitHub signals only. It shows how widely used and maintained this is, not how well it works. Not included yet: the fake-star check. The security scan is shown separately and doesn't change the score. How we rank

Security

Scanned Oct 20, 2026 at commit 1e99301a6255, with Cisco's open-source skill-scanner.

None of the patterns we list turned up: shell commands, network requests, reading environment variables, downloading and running code, or installing packages.

A scan lists patterns in the code. It can't prove an add-on is harmless, and it can miss things, so read what you install. How we scan

Alternatives

Other makers' add-ons that do the same job, next to this one.

Name	Score	Stars	Context	Updated
This onetwig-component smnandre/symfony-ux-skills · Skill	52	★ 180	≈154 always	5mo ago
craft-twig-guidelines michtio/craftcms-claude-skills · Skill Both about twig and prop	58	★ 85	≈156 always	20d ago
component-family-consistency dembrandt/dembrandt-skills · Skill Both about component and badge	56	★ 129	≈43 always	20d ago
figma-component-properties southleft/figma-console-mcp-skills · Skill Both about component and property	52	★ 92	≈157 always	3mo ago
Open Components uxfront-com/open-components · MCP server Both about component and ux	56	★ 14	not measured	3d ago
how-to-write-component langgenius/dify · Skill Both about component	86	★ 159k	≈79 always	16d ago

Install

mkdir -p .claude/skills/twig-component

curl -sL https://codeload.github.com/smnandre/symfony-ux-skills/tar.gz/1e99301a6255724eca9c49ce9cdb8c241771ab05 | tar -xz -C .claude/skills/twig-component --strip-components=3 "symfony-ux-skills-1e99301a6255724eca9c49ce9cdb8c241771ab05/skills/twig-component"

To remove it later:

rm -rf .claude/skills/twig-component

npx skills add smnandre/symfony-ux-skills --skill twig-component

gemini extensions install https://github.com/smnandre/symfony-ux-skills --ref=1e99301a6255724eca9c49ce9cdb8c241771ab05

Pinned to commit 1e99301a6255 as listed by Gemini CLI extensions gallery.

Context cost: ≈154 tokens loaded every session (name and description), plus ≈2.5k tokens when the skill is used.

The Claude Code command downloads this skill folder at the pinned commit into .claude/skills/. The Skills CLI (npx skills) works with many agents but can't pin a version, so it installs whatever is current.

Facts

Repo: smnandre/symfony-ux-skills
Stars: 180
Forks: 14
Last push: 2026-06-14 (5mo ago)
License: MIT
Owner: smnandre · since 2012
Works with: Claude Code, Skills CLI, Gemini CLI