SkillFoxx
Telegram

Symfony UX Skills

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

  • 185 ★ репозитория
  • Последний коммит
  • MIT
Скилл

Минимальный доступ

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

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

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

Установка

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

npx skillfoxx add 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 через менеджер плагинов или удалите скопированные папки скиллов из каталога агента.

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

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

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

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

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

Обсуждение

Вопросов и отзывов пока нет.

Скиллы

Скиллы для дизайн-инженеров: быстрая чистка интерфейса, доступность, метаданные и производительность анимаций

СкиллМинимальный доступ11 тыс.

Скиллы против шаблонных интерфейсов: сетка, типографика, анимация и отступы, плюс генерация референсов для веба и мобильных

СкиллМинимальный доступ114,1 тыс.112

45 скиллов по корпоративному UX для агентов: палитры, типографика, формы, доступность WCAG и проверка интерфейса на удобство.

СкиллМинимальный доступ192

Два скилла по UI и UX учат агента дизайн-решениям: выбор дорожки, токены, рецепты компонентов и защита от шаблонного вида.

СкиллМинимальный доступ177

Скилл для агента с базой из 107 стилей, 127 палитр и 107 шрифтовых пар: генерирует дизайн-систему и проверяет код интерфейса

ПлагинМинимальный доступ100

Реестр устанавливаемых дизайн-скиллов: готовые файлы SKILL.md и DESIGN.md с токенами, правилами компонентов и доступностью под разные стили

СкиллМинимальный доступ3,6 тыс.

Коротко о README

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

Бейдж для README

Исходный 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

Сообщить о проблеме