# Слэш-команды по теме «Фронтенд и UI» Слэш-команды по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов. 20 карточек - HTML: https://affpapa.org/nevibecode/commands/topic/frontend - Инструкция для агента: https://affpapa.org/nevibecode/agents.md - [nextjs-component-generator](https://affpapa.org/nevibecode/commands/nextjs-component-generator.md) — команда · davila7 · Claude Code · 935 установок — Команда создаёт компоненты Next.js на TypeScript с учётом структуры проекта. - [nextjs-performance-audit](https://affpapa.org/nevibecode/commands/nextjs-performance-audit.md) — команда · davila7 · Claude Code · 694 установки — Команда проверяет производительность проекта Next.js по Lighthouse, размеру сборки и работе приложения. - [performance-audit](https://affpapa.org/nevibecode/commands/performance-audit.md) — команда · davila7 · Claude Code · 661 установка — Запускает аудит быстродействия кодовой базы: ищет медленные запросы к базе данных, оценивает сложность циклов и проверяет сборку. - [nextjs-bundle-analyzer](https://affpapa.org/nevibecode/commands/nextjs-bundle-analyzer.md) — команда · davila7 · Claude Code · 560 установок — Слэш-команда для Claude, которая разбирает размер бандла Next.js и подсказывает, что урезать. - [optimize-bundle-size](https://affpapa.org/nevibecode/commands/optimize-bundle-size.md) — команда · davila7 · Claude Code · 535 установок — Анализирует и уменьшает размер фронтенд-сборки через настройку бандлера, код-сплиттинг и удаление мёртвого кода. - [design-review](https://affpapa.org/nevibecode/commands/design-review.md) — команда · Seth Hobson · Claude Code, Codex, Cursor · ★ 41729 — Проверяет готовый интерфейс на проблемы вёрстки, юзабилити и кода, а потом складывает отчёт с рекомендациями в файл. - [accessibility-audit](https://affpapa.org/nevibecode/commands/seth-hobson-accessibility-audit.md) — команда · Seth Hobson · Claude Code, Codex, Cursor · ★ 41729 — Проверяет UI-код на соответствие WCAG и сохраняет отчёт с найденными проблемами. - [typescript-scaffold](https://affpapa.org/nevibecode/commands/typescript-scaffold.md) — команда · Seth Hobson · Claude Code, Codex, Cursor · ★ 41729 — Создаёт структуру TypeScript-проекта на pnpm: Next.js, React с Vite, Node.js API или библиотеку, вместе с тестами и сборкой. - [full-stack-feature](https://affpapa.org/nevibecode/commands/full-stack-feature.md) — команда · Seth Hobson · Claude Code, Codex, Cursor · ★ 41729 — Ведёт разработку фичи по шагам: требования, схема базы, архитектура бэкенда и фронтенда. - [performance-optimization](https://affpapa.org/nevibecode/commands/performance-optimization.md) — команда · Seth Hobson · Claude Code, Codex, Cursor · ★ 41729 — Оркестрирует аудит и оптимизацию сервиса от профилирования до мониторинга. - [vercel-deploy-optimize](https://affpapa.org/nevibecode/commands/vercel-deploy-optimize.md) — команда · davila7 · Claude Code · 506 установок — Оптимизирует сборку Next.js и выкладывает её на Vercel, попутно проверяя конфиги и подключая мониторинг производительности. - [build-zoom-apps-sdk-app](https://affpapa.org/nevibecode/commands/build-zoom-apps-sdk-app.md) — команда (официальный OpenAI) · Zoom · Codex, ChatGPT · ★ 7596 — Слэш-команда для Codex и ChatGPT, которая разворачивает приложение на Zoom Apps SDK внутри клиента Zoom. - [setup-visual-testing](https://affpapa.org/nevibecode/commands/setup-visual-testing.md) — команда · davila7 · Claude Code · 300 установок — Слэш-команда разворачивает визуальное регрессионное тестирование: снимки компонентов и страниц, адаптивные брейкпоинты, проверка доступности. - [webapp-testing](https://affpapa.org/nevibecode/commands/webapp-testing.md) — команда · davila7 · Claude Code · 259 установок — Слэш-команда гоняет локальное веб-приложение в реальном браузере через Playwright: клики, формы, скриншоты, логи консоли. - [nextjs-migration-helper](https://affpapa.org/nevibecode/commands/nextjs-migration-helper.md) — команда · davila7 · Claude Code · 237 установок — Слэш-команда для Claude, которая помогает переносить проект Next.js с Pages Router на App Router, с JavaScript на TypeScript и с классовых компонентов на хуки. - [svelte-debug](https://affpapa.org/nevibecode/commands/svelte-debug.md) — команда · davila7 · Claude Code · 134 установки — Разбирает ошибки Svelte и SvelteKit по сообщению и стеку: находит причину в компиляции, рантайме или конфиге и предлагает правку. - [svelte-scaffold](https://affpapa.org/nevibecode/commands/svelte-scaffold.md) — команда · davila7 · Claude Code · 127 установок — Разворачивает новый SvelteKit-проект, модуль или библиотеку компонентов с готовой структурой папок и конфигами. - [svelte-storybook-mock](https://affpapa.org/nevibecode/commands/svelte-storybook-mock.md) — команда · davila7 · Claude Code · 121 установка — Готовит моки модулей SvelteKit для историй Storybook, чтобы компонент рендерился в изоляции без запущенного приложения. - [svelte-storybook-troubleshoot](https://affpapa.org/nevibecode/commands/svelte-storybook-troubleshoot.md) — команда · davila7 · Claude Code · 118 установок — Слэш-команда разбирает типовые поломки Storybook в проектах на SvelteKit: ошибки сборки, неразрешённые модули, конфликты аддонов. - [svelte-test-fix](https://affpapa.org/nevibecode/commands/svelte-test-fix.md) — команда · davila7 · Claude Code · 115 установок — Слэш-команда для Claude, которая разбирает падающие тесты в Svelte и SvelteKit и предлагает исправления. ## Уточнить [performance](https://affpapa.org/nevibecode/tag/performance.md) · [nextjs](https://affpapa.org/nevibecode/tag/nextjs.md) · [typescript](https://affpapa.org/nevibecode/tag/typescript.md) · [accessibility](https://affpapa.org/nevibecode/tag/accessibility.md) · [debugging](https://affpapa.org/nevibecode/tag/debugging.md) · [ui-design](https://affpapa.org/nevibecode/tag/ui-design.md) · [vite](https://affpapa.org/nevibecode/tag/vite.md) · [audit](https://affpapa.org/nevibecode/tag/audit.md) · [core-web-vitals](https://affpapa.org/nevibecode/tag/core-web-vitals.md) · [migration](https://affpapa.org/nevibecode/tag/migration.md) · [oauth](https://affpapa.org/nevibecode/tag/oauth.md) · [opentelemetry](https://affpapa.org/nevibecode/tag/opentelemetry.md) ## Сузить этот список Параметры: `?platform=`, `&topic=<…>`, `&sort=installs|stars|new|updated` — значения в https://affpapa.org/nevibecode/agents.md --- NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md