NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
plan-ui-change скилл Разбивает сложную страницу Blazor на отдельные компоненты до того, как агент начнёт писать код. Пригодится, когда в макете три и больше визуальных блоков.
CX Codex +1
3 000установок
collect-user-input скилл Скилл для работы с формами в Blazor: EditForm, встроенные компоненты ввода, валидация и обработка отправки. Пригодится, когда нужно добавить форму, поиск или загрузку файлов.
CX Codex +1
3 000установок
coordinate-components скилл Скилл учит агента связывать состояние компонентов Blazor без цепочек параметров от предка к потомку. Помогает настроить каскадные значения и сервисы со scope.
CX Codex +1
3 000установок
create-blazor-project скилл Скилл проводит агента через выбор режима рендеринга Blazor и запускает dotnet new blazor с нужными флагами.
CX Codex +1
3 000установок
author-component скилл Помогает проектировать и проверять компоненты Blazor без вызовов JavaScript. Пригодится при настройке параметров, слотов RenderFragment и асинхронного жизненного цикла.
CX Codex +1
3 100установок
fetch-and-send-data скилл Помогает загружать и отправлять данные через API в Blazor-компонентах. Нужен для настройки HttpClient, состояний загрузки и обработки ошибок.
CX Codex +1
3 100установок
component-canvas скилл Собирает полноэкранный канвас, где компоненты проекта показаны как есть: с панорамированием, зумом и сравнением вариантов. Пригодится, когда нужно разом увидеть, что уже есть в дизайн-системе.
CX Codex +1
685установок
motion-framer скилл Помогает агенту добавлять анимации Motion и Framer Motion в React-интерфейсы: от эффектов наведения до переходов между состояниями.
CX Codex +1
5 900установок
support-prerendering скилл Настраивает интерактивные компоненты Blazor для работы с пререндерингом. Помогает устранить повторную загрузку данных, мерцание интерфейса и ошибки null при переходе в интерактивный режим.
CX Codex +1
3 000установок
flags-sdk скилл Скилл помогает подключить Flags SDK и описать feature flags в коде Next.js или SvelteKit. Пригодится для настройки адаптеров и серверной оценки флагов.
CX Codex +1
2 600установок
angular-forms скилл Скилл для форм на Signal Forms в Angular v21+, который больше не поддерживают: в пакете осталось уведомление о замене на официальные скиллы Angular.
CX Codex +1
7 100установок
color-expert скилл Скилл для работы с колористикой, цветовым пространством OKLCH, шкалами дизайн-систем и палитрами для генеративной графики.
CX Codex +1
2 700установок
vueuse-functions скилл Скилл подбирает функции VueUse для задач во Vue.js и Nuxt и помогает применять их вместо собственного кода. Подходит для Vue 3+ и Nuxt 3+.
CX Codex +1
3 700установок
open-edit скилл Скилл для сборки и монтажа видео через HTML-страницы и CLI-сервисы VEED. Пригодится, когда нужно анимировать графику, наложить субтитры или сгенерировать диктора.
CX Codex +1
1 100установок
senior-fullstack скилл Собирает структуру проекта под Next.js, FastAPI, MERN или Django и проверяет качество кода с оценкой безопасности.
1 390установок
angular-routing скилл Скилл от AnalogJS для настройки маршрутизации в Angular v20+. Проект устарел: автор удалил инструкции и советует официальный пакет angular/skills.
CX Codex +1
6 800установок
ui-ugui скилл Скилл помогает разбирать, создавать и точечно менять интерфейсы Unity uGUI. Пригодится для Canvas, RectTransform, Layout Group и UI-префабов.
CX Codex +1
6 400установок
create-datadriven-aspnetcore скилл Генерирует CRUD-код для ASP.NET Core без CLI-генераторов. Создаёт Razor Pages, Blazor-компоненты, контроллеры или Minimal API под стиль проекта и схему EF Core.
CX Codex +1
2 800установок
diffs скилл Скилл для работы с библиотекой @pierre/diffs: подсветка синтаксиса, диффы, патчи и конфликты слияния в приложении.
CX Codex +1
472установок
cmux-capture скилл Скилл помогает снять скриншот окна cmux или записать его в видео. Пригодится, чтобы показать визуальное изменение в PR или приложить доказательство к отчёту об ошибке.
CX Codex +1
383установок
design-lab скилл Скилл проводит дизайн-интервью, собирает пять разных вариантов интерфейса во временной лаборатории и доводит выбранный до плана внедрения.
CX Codex +1
2 000установок
tanstack-start-best-practices скилл Свод правил и паттернов для full-stack приложений на TanStack Start. Помогает настраивать серверные функции, сессии и потоковый SSR.
CX Codex +1
9 800установок
react-email скилл Скилл для сборки HTML-писем на React-компонентах. Пригодится, когда нужно письмо с вёрсткой, которая не развалится в почтовых клиентах.
CX Codex +1
12 600установок
information-architecture скилл Скилл помогает спроектировать структуру веб-приложения или сайта до отрисовки интерфейса. Он связывает дизайн-бриф с кодовой базой и формирует единую карту переходов.
CX Codex +1
5 900установок
design-tokens скилл Генерирует файл дизайн-токенов — CSS-переменные или конфиг Tailwind — по выбранной эстетике, со светлой и тёмной темами.
CX Codex +1
5 900установок
angular-http скилл Скилл для настройки HTTP-запросов в Angular v20+ через сигналы и HttpClient. Разработка остановлена в пользу официального набора skills от команды Angular.
CX Codex +1
6 500установок
shopify скилл Официальный скилл для разработки под Shopify: от Admin GraphQL API и тем на Liquid до Hydrogen, компонентов Polaris и команд Shopify CLI.
CX Codex +1
4 800установок
shadcn-ui-flutter скилл Скилл с документацией и примерами пакета shadcn_ui для Flutter: темы, компоненты, готовые сниппеты.
CX Codex +1
678установок
huggingface-lora-space-builder скилл Создаёт и публикует веб-демо на Gradio в Hugging Face Spaces для весов LoRA. Подбирает пайплайн diffusers и интерфейс под задачу генерации на ZeroGPU.
CX Codex +1
810установок
design-review скилл Проводит структурированную критику интерфейса по брифу и коду: иерархия, консистентность, адаптивность, доступность. Пригодится перед релизом.
CX Codex +1
5 800установок
skybridge скилл Скилл ведёт от идеи до публикации: помогает собрать ChatGPT-плагин или MCP App, отладить его и выложить в продакшен.
CX Codex +1
1 100установок
router-query скилл Связывает TanStack Router с TanStack Query для предзагрузки данных в лоадерах, кэширования через useSuspenseQuery и изоляции QueryClient при SSR.
CX Codex +1
366установок
compose-expert скилл Скилл с правилами разработки общего UI на Jetpack Compose в проекте Amethyst: навигация, адаптивная вёрстка и ревью компонентов.
CX Codex +1
1 400установок
oklch-skill скилл Переводит цвета в OKLCH, строит палитры без сдвига тона и проверяет контраст по APCA и WCAG. Пригодится при настройке тем в Tailwind v4 и работе с P3.
CX Codex +1
4 600установок
add-app-to-server скилл Скилл добавляет интерактивный HTML-интерфейс к инструментам уже работающего MCP-сервера. Пригодится, когда инструмент возвращает таблицу, график или PDF и текстом это читать неудобно.
CX Codex +1
1 200установок
truesheet-usage скилл Скилл для ИИ-агента, который помогает писать код с @lodev09/react-native-true-sheet: паттерны интеграции, детенты, скролл, навигация.
CX Codex +1
828установок
page-mascot скилл Ставит на страницу чиби-персонажа, который поворачивает голову к курсору и реагирует на клик. Собирает React-компонент <Mascot /> из готовых спрайтов или рисует нового.
CX Codex +1
1 300установок
cinematic-gsap-lenis-motion-system скилл Настраивает кинематографичную анимацию интерфейса на GSAP, ScrollTrigger и Lenis. Пригодится для премиальных сайтов, портфолио, плавного скролла и параллакса.
CX Codex +1
2 400установок
migrate скилл Разбирает ваш код на lodash и показывает, как заменить функции на es-toolkit или es-toolkit/compat. Пригодится, когда нужно уменьшить бандл.
CX Codex +1
314установок
svg-icon-generator скилл Скилл для задач с SVG-иконками: подсказывает шаги, пишет код и проверяет результат. Включается сам, когда в запросе есть «svg».
CX Codex +1
1 300установок
641–680 из 2 909
