SkillFoxx

Начните вводить название, задачу или сервис

Symfony UX Skills

Скиллы по фронтенд-стеку Symfony UX: Stimulus, Turbo, TwigComponent, LiveComponent, UX Icons и UX Map с примерами и типовыми ошибками

Скилл

Низкий риск

Низкий уровень ставим, когда запись в основном дает агенту инструкции и справочные материалы.

Почему такой уровень

  • Набор состоит из справочников и подсказок, кода не исполняет
Все причины и проверки

smnandre/symfony-ux-skillsАвтор:Simon Andre

Установка

В терминале, через SkillFoxx CLI

npx skillfoxx add skills/symfony-ux-skills

Определит агенты на машине, проверит риск и зафиксирует версию.

Другие способы установки

Собрано автоматически, проверьте перед установкой.

Выполните в терминале в папке проекта

npx skills add smnandre/symfony-ux-skills --skill symfony-ux stimulus turbo twig-component live-component ux-icons ux-map -a claude-code -y

Утилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.

Без сторонних утилит, из коммита 1e99301
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/smnandre/symfony-ux-skills.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/symfony-ux/ /skills/stimulus/ /skills/turbo/ /skills/twig-component/ /skills/live-component/ /skills/ux-icons/ /skills/ux-map/
git -C "$tmp" checkout 1e99301a6255724eca9c49ce9cdb8c241771ab05
mkdir -p .claude/skills
cp -R "$tmp/skills/symfony-ux" .claude/skills/symfony-ux
cp -R "$tmp/skills/stimulus" .claude/skills/stimulus
cp -R "$tmp/skills/turbo" .claude/skills/turbo
cp -R "$tmp/skills/twig-component" .claude/skills/twig-component
cp -R "$tmp/skills/live-component" .claude/skills/live-component
cp -R "$tmp/skills/ux-icons" .claude/skills/ux-icons
cp -R "$tmp/skills/ux-map" .claude/skills/ux-map

Команды для macOS и Linux, на Windows выполните их в Git Bash.

Выполните в терминале в папке проекта

npx skills add smnandre/symfony-ux-skills --skill symfony-ux stimulus turbo twig-component live-component ux-icons ux-map -a cursor -y

Утилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.

Без сторонних утилит, из коммита 1e99301
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/smnandre/symfony-ux-skills.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/symfony-ux/ /skills/stimulus/ /skills/turbo/ /skills/twig-component/ /skills/live-component/ /skills/ux-icons/ /skills/ux-map/
git -C "$tmp" checkout 1e99301a6255724eca9c49ce9cdb8c241771ab05
mkdir -p .agents/skills
cp -R "$tmp/skills/symfony-ux" .agents/skills/symfony-ux
cp -R "$tmp/skills/stimulus" .agents/skills/stimulus
cp -R "$tmp/skills/turbo" .agents/skills/turbo
cp -R "$tmp/skills/twig-component" .agents/skills/twig-component
cp -R "$tmp/skills/live-component" .agents/skills/live-component
cp -R "$tmp/skills/ux-icons" .agents/skills/ux-icons
cp -R "$tmp/skills/ux-map" .agents/skills/ux-map

Команды для macOS и Linux, на Windows выполните их в Git Bash.

Выполните в терминале в папке проекта

npx skills add smnandre/symfony-ux-skills --skill symfony-ux stimulus turbo twig-component live-component ux-icons ux-map -a github-copilot -y

Утилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.

Без сторонних утилит, из коммита 1e99301
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/smnandre/symfony-ux-skills.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/symfony-ux/ /skills/stimulus/ /skills/turbo/ /skills/twig-component/ /skills/live-component/ /skills/ux-icons/ /skills/ux-map/
git -C "$tmp" checkout 1e99301a6255724eca9c49ce9cdb8c241771ab05
mkdir -p .github/skills
cp -R "$tmp/skills/symfony-ux" .github/skills/symfony-ux
cp -R "$tmp/skills/stimulus" .github/skills/stimulus
cp -R "$tmp/skills/turbo" .github/skills/turbo
cp -R "$tmp/skills/twig-component" .github/skills/twig-component
cp -R "$tmp/skills/live-component" .github/skills/live-component
cp -R "$tmp/skills/ux-icons" .github/skills/ux-icons
cp -R "$tmp/skills/ux-map" .github/skills/ux-map

Команды для macOS и Linux, на Windows выполните их в Git Bash.

Выполните в терминале в папке проекта

npx skills add smnandre/symfony-ux-skills --skill symfony-ux stimulus turbo twig-component live-component ux-icons ux-map -a codex -y

Утилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.

Без сторонних утилит, из коммита 1e99301
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/smnandre/symfony-ux-skills.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/symfony-ux/ /skills/stimulus/ /skills/turbo/ /skills/twig-component/ /skills/live-component/ /skills/ux-icons/ /skills/ux-map/
git -C "$tmp" checkout 1e99301a6255724eca9c49ce9cdb8c241771ab05
mkdir -p .agents/skills
cp -R "$tmp/skills/symfony-ux" .agents/skills/symfony-ux
cp -R "$tmp/skills/stimulus" .agents/skills/stimulus
cp -R "$tmp/skills/turbo" .agents/skills/turbo
cp -R "$tmp/skills/twig-component" .agents/skills/twig-component
cp -R "$tmp/skills/live-component" .agents/skills/live-component
cp -R "$tmp/skills/ux-icons" .agents/skills/ux-icons
cp -R "$tmp/skills/ux-map" .agents/skills/ux-map

Команды для macOS и Linux, на Windows выполните их в Git Bash.

Выполните в терминале в папке проекта

npx skills add smnandre/symfony-ux-skills --skill symfony-ux stimulus turbo twig-component live-component ux-icons ux-map -a gemini-cli -y

Утилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.

Без сторонних утилит, из коммита 1e99301
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/smnandre/symfony-ux-skills.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/symfony-ux/ /skills/stimulus/ /skills/turbo/ /skills/twig-component/ /skills/live-component/ /skills/ux-icons/ /skills/ux-map/
git -C "$tmp" checkout 1e99301a6255724eca9c49ce9cdb8c241771ab05
mkdir -p .agents/skills
cp -R "$tmp/skills/symfony-ux" .agents/skills/symfony-ux
cp -R "$tmp/skills/stimulus" .agents/skills/stimulus
cp -R "$tmp/skills/turbo" .agents/skills/turbo
cp -R "$tmp/skills/twig-component" .agents/skills/twig-component
cp -R "$tmp/skills/live-component" .agents/skills/live-component
cp -R "$tmp/skills/ux-icons" .agents/skills/ux-icons
cp -R "$tmp/skills/ux-map" .agents/skills/ux-map

Команды для macOS и Linux, на Windows выполните их в Git Bash.

Выполните в терминале в папке проекта

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/smnandre/symfony-ux-skills.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/symfony-ux/ /skills/stimulus/ /skills/turbo/ /skills/twig-component/ /skills/live-component/ /skills/ux-icons/ /skills/ux-map/
git -C "$tmp" checkout 1e99301a6255724eca9c49ce9cdb8c241771ab05
mkdir -p .devin/skills
cp -R "$tmp/skills/symfony-ux" .devin/skills/symfony-ux
cp -R "$tmp/skills/stimulus" .devin/skills/stimulus
cp -R "$tmp/skills/turbo" .devin/skills/turbo
cp -R "$tmp/skills/twig-component" .devin/skills/twig-component
cp -R "$tmp/skills/live-component" .devin/skills/live-component
cp -R "$tmp/skills/ux-icons" .devin/skills/ux-icons
cp -R "$tmp/skills/ux-map" .devin/skills/ux-map

Команды для macOS и Linux, на Windows выполните их в Git Bash.

Бывший Windsurf.

Выполните в терминале в папке проекта

npx skills add smnandre/symfony-ux-skills --skill symfony-ux stimulus turbo twig-component live-component ux-icons ux-map -a cline -y

Утилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.

Без сторонних утилит, из коммита 1e99301
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/smnandre/symfony-ux-skills.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/symfony-ux/ /skills/stimulus/ /skills/turbo/ /skills/twig-component/ /skills/live-component/ /skills/ux-icons/ /skills/ux-map/
git -C "$tmp" checkout 1e99301a6255724eca9c49ce9cdb8c241771ab05
mkdir -p .cline/skills
cp -R "$tmp/skills/symfony-ux" .cline/skills/symfony-ux
cp -R "$tmp/skills/stimulus" .cline/skills/stimulus
cp -R "$tmp/skills/turbo" .cline/skills/turbo
cp -R "$tmp/skills/twig-component" .cline/skills/twig-component
cp -R "$tmp/skills/live-component" .cline/skills/live-component
cp -R "$tmp/skills/ux-icons" .cline/skills/ux-icons
cp -R "$tmp/skills/ux-map" .cline/skills/ux-map

Команды для macOS и Linux, на Windows выполните их в Git Bash.

Выполните в терминале в папке проекта

npx skills add smnandre/symfony-ux-skills --skill symfony-ux stimulus turbo twig-component live-component ux-icons ux-map -a roo -y

Утилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.

Без сторонних утилит, из коммита 1e99301
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/smnandre/symfony-ux-skills.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/symfony-ux/ /skills/stimulus/ /skills/turbo/ /skills/twig-component/ /skills/live-component/ /skills/ux-icons/ /skills/ux-map/
git -C "$tmp" checkout 1e99301a6255724eca9c49ce9cdb8c241771ab05
mkdir -p .roo/skills
cp -R "$tmp/skills/symfony-ux" .roo/skills/symfony-ux
cp -R "$tmp/skills/stimulus" .roo/skills/stimulus
cp -R "$tmp/skills/turbo" .roo/skills/turbo
cp -R "$tmp/skills/twig-component" .roo/skills/twig-component
cp -R "$tmp/skills/live-component" .roo/skills/live-component
cp -R "$tmp/skills/ux-icons" .roo/skills/ux-icons
cp -R "$tmp/skills/ux-map" .roo/skills/ux-map

Команды для macOS и Linux, на Windows выполните их в Git Bash.

Форк Roo Code, папки .roo те же.

Выполните в терминале в папке проекта

npx skills add smnandre/symfony-ux-skills --skill symfony-ux stimulus turbo twig-component live-component ux-icons ux-map -a opencode -y

Утилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.

Без сторонних утилит, из коммита 1e99301
tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/smnandre/symfony-ux-skills.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/symfony-ux/ /skills/stimulus/ /skills/turbo/ /skills/twig-component/ /skills/live-component/ /skills/ux-icons/ /skills/ux-map/
git -C "$tmp" checkout 1e99301a6255724eca9c49ce9cdb8c241771ab05
mkdir -p .agents/skills
cp -R "$tmp/skills/symfony-ux" .agents/skills/symfony-ux
cp -R "$tmp/skills/stimulus" .agents/skills/stimulus
cp -R "$tmp/skills/turbo" .agents/skills/turbo
cp -R "$tmp/skills/twig-component" .agents/skills/twig-component
cp -R "$tmp/skills/live-component" .agents/skills/live-component
cp -R "$tmp/skills/ux-icons" .agents/skills/ux-icons
cp -R "$tmp/skills/ux-map" .agents/skills/ux-map

Команды для macOS и Linux, на Windows выполните их в Git Bash.

Выполните в терминале в папке проекта

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/smnandre/symfony-ux-skills.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/symfony-ux/ /skills/stimulus/ /skills/turbo/ /skills/twig-component/ /skills/live-component/ /skills/ux-icons/ /skills/ux-map/
git -C "$tmp" checkout 1e99301a6255724eca9c49ce9cdb8c241771ab05
mkdir -p .agents/skills
cp -R "$tmp/skills/symfony-ux" .agents/skills/symfony-ux
cp -R "$tmp/skills/stimulus" .agents/skills/stimulus
cp -R "$tmp/skills/turbo" .agents/skills/turbo
cp -R "$tmp/skills/twig-component" .agents/skills/twig-component
cp -R "$tmp/skills/live-component" .agents/skills/live-component
cp -R "$tmp/skills/ux-icons" .agents/skills/ux-icons
cp -R "$tmp/skills/ux-map" .agents/skills/ux-map

Команды для macOS и Linux, на Windows выполните их в Git Bash.

Выполните в терминале в папке проекта

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/smnandre/symfony-ux-skills.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/symfony-ux/ /skills/stimulus/ /skills/turbo/ /skills/twig-component/ /skills/live-component/ /skills/ux-icons/ /skills/ux-map/
git -C "$tmp" checkout 1e99301a6255724eca9c49ce9cdb8c241771ab05
mkdir -p .agents/skills
cp -R "$tmp/skills/symfony-ux" .agents/skills/symfony-ux
cp -R "$tmp/skills/stimulus" .agents/skills/stimulus
cp -R "$tmp/skills/turbo" .agents/skills/turbo
cp -R "$tmp/skills/twig-component" .agents/skills/twig-component
cp -R "$tmp/skills/live-component" .agents/skills/live-component
cp -R "$tmp/skills/ux-icons" .agents/skills/ux-icons
cp -R "$tmp/skills/ux-map" .agents/skills/ux-map

Команды для macOS и Linux, на Windows выполните их в Git Bash.

Понадобится: Node.js

Сверено с репозиторием 26 сент. 2026, коммит 1e99301.

Текст для агента

Установи плагин: claude plugin marketplace add smnandre/symfony-ux-skills, затем claude plugin install symfony-ux-skills@symfony-ux-skills. Как альтернатива подойдет npx skills add smnandre/symfony-ux-skills.

Другие способы из описания автора
claude plugin marketplace add smnandre/symfony-ux-skills
claude plugin install symfony-ux-skills@symfony-ux-skills

Это чужой код. Посмотрите файлы в репозитории перед установкой.

Что делает

Набор дает агенту рабочее знание фронтенд-стека Symfony UX. Отдельный скилл-оркестратор помогает выбрать подходящий инструмент, а специализированные скиллы разбирают Stimulus, Turbo, TwigComponent, LiveComponent, UX Icons и UX Map. У каждого скилла есть справочники по API, типовым приемам и подводным камням. Агент подбирает нужный инструмент под задачу: реактивные формы, частичное обновление страниц, переиспользуемые компоненты, иконки или карты.

Для кого. Для разработчиков на Symfony, которые строят интерфейс через стек UX с минимумом JavaScript.

Подходит, если

  • Пишете фронтенд на Symfony UX и хотите подсказки по конкретному пакету
  • Не уверены, выбрать Stimulus, Turbo или LiveComponent под задачу
  • Нужны примеры и предупреждения о частых ошибках стека

Не подходит, если

  • Проект не на Symfony и стек UX не используется
  • Нужен фронтенд-фреймворк вне экосистемы Symfony
  • Достаточно общих знаний без справочников по пакетам

Пример запроса к агенту

Сделай живой поиск по списку товаров на LiveComponent с валидацией на сервере

Ограничения

Скиллы описывают стек Symfony UX и полезны только в проектах на нем. Это справочный материал, который направляет агента, а сами пакеты Symfony UX вы ставите отдельно через Composer и npm. Лицензия MIT.

Как отключить. Снимите плагин symfony-ux-skills через менеджер плагинов или удалите скопированные папки скиллов из каталога агента.

Проверка безопасности

  • Набор состоит из справочников и подсказок, кода не исполняет

Коротко о README

README представляет набор скиллов для фронтенд-стека Symfony UX от Симона Андре. В таблице перечислены скиллы, что они делают и когда агент их включает, у большинства есть справочники по API, приемам и ошибкам. Установка предложена как плагин Claude Code, через Skills CLI командой npx skills add или ручным копированием папок под Claude Code, Gemini CLI и Codex. Отдельно указаны исходные пакеты Symfony UX на Packagist. Лицензия MIT.

SKILL.md

---
name: symfony-ux
description: Symfony UX frontend stack -- decision tree and orchestrator for choosing between Stimulus, Turbo, TwigComponent, LiveComponent, UX Icons, and UX Map. Use when the user is unsure which tool fits, wants to combine multiple UX packages, or asks a general frontend architecture question in Symfony.
license: MIT
metadata:
  author: Simon Andre
  version: "1.2.0"
---

# 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?

Need frontend interactivity?
- Pure JavaScript behavior (no server) -> Stimulus
- Navigation / partial page updates -> Turbo
- Reusable UI component -> TwigComponent or LiveComponent
- Need icons -> UX Icons
- Need an interactive map -> UX Map

Частые вопросы

Сколько скиллов в наборе?

Скилл-оркестратор для выбора инструмента и шесть специализированных: Stimulus, Turbo, TwigComponent, LiveComponent, UX Icons и UX Map.

С какими агентами работает?

Заявлены Claude, Gemini и Codex, установка идет как плагин Claude Code, через Skills CLI или копированием папок.

Скиллы Next.js

Next.js skills

Выбор редакции

Официальный плагин Claude Code из репозитория Next.js: переход на Cache Components, Partial Prefetching и проверка изменений на живом dev-сервере

ПлагинСредний рискБез VPN142,9 тыс.
Выбор редакции

Официальный скилл и MCP-сервер shadcn/ui: агент ищет компоненты в реестрах, ставит их через CLI и держится правил библиотеки

СкиллСредний рискБез VPN124,8 тыс.
Выбор редакции

Скилл для фронтенд-дизайна: 23 команды, итерации в браузере и 61 правило поиска типичных огрехов AI-интерфейсов

СкиллВысокий риск72,1 тыс.
Выбор редакции

Скиллы Vercel: производительность React и Next.js, проверка UI по гайдлайнам, React Native, композиция компонентов и деплой

СкиллСредний риск31,7 тыс.
Foxx AISymfony UX Skills

Я Foxx AI и уже разобрал этот инструмент. Спросите про установку, настройку или что угодно еще, отвечу простыми словами.