NeVibeCode · 20 карточек
Слэш-команды по теме «Фронтенд и UI»
Слэш-команды по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
nextjs-component-generator команда Команда создаёт компоненты Next.js на TypeScript с учётом структуры проекта. Задайте имя и тип: клиентский, серверный, страница или макет.
935установок
nextjs-performance-audit команда Команда проверяет производительность проекта Next.js по Lighthouse, размеру сборки и работе приложения. Пригодится, когда нужно найти узкие места и получить рекомендации по оптимизации.
694установок
performance-audit команда Запускает аудит быстродействия кодовой базы: ищет медленные запросы к базе данных, оценивает сложность циклов и проверяет сборку. Помогает составить план оптимизаций.
661установок
nextjs-bundle-analyzer команда Слэш-команда для Claude, которая разбирает размер бандла Next.js и подсказывает, что урезать.
560установок
optimize-bundle-size команда Анализирует и уменьшает размер фронтенд-сборки через настройку бандлера, код-сплиттинг и удаление мёртвого кода. Пригодится при росте веса JS-бандла и падении скорости загрузки страниц.
535установок
design-review команда Проверяет готовый интерфейс на проблемы вёрстки, юзабилити и кода, а потом складывает отчёт с рекомендациями в файл.
CX Codex
★ 41 729звёзд репо
accessibility-audit команда Проверяет UI-код на соответствие WCAG и сохраняет отчёт с найденными проблемами. Подходит для аудита компонента, страницы или приложения.
CX Codex
★ 41 729звёзд репо
typescript-scaffold команда Создаёт структуру TypeScript-проекта на pnpm: Next.js, React с Vite, Node.js API или библиотеку, вместе с тестами и сборкой.
CX Codex
★ 41 729звёзд репо
full-stack-feature команда Ведёт разработку фичи по шагам: требования, схема базы, архитектура бэкенда и фронтенда. Останавливается на чекпоинтах и ждёт вашего ответа.
CX Codex
★ 41 729звёзд репо
performance-optimization команда Оркестрирует аудит и оптимизацию сервиса от профилирования до мониторинга. Запускает субагентов по шагам и сохраняет отчёты в .performance-optimization/.
CX Codex
★ 41 729звёзд репо
vercel-deploy-optimize команда Оптимизирует сборку Next.js и выкладывает её на Vercel, попутно проверяя конфиги и подключая мониторинг производительности.
506установок
build-zoom-apps-sdk-app
официальный команда Слэш-команда для Codex и ChatGPT, которая разворачивает приложение на Zoom Apps SDK внутри клиента Zoom.
CX Codex GP ChatGPT
★ 7 596звёзд репо
setup-visual-testing команда Слэш-команда разворачивает визуальное регрессионное тестирование: снимки компонентов и страниц, адаптивные брейкпоинты, проверка доступности.
300установок
webapp-testing команда Слэш-команда гоняет локальное веб-приложение в реальном браузере через Playwright: клики, формы, скриншоты, логи консоли.
259установок
nextjs-migration-helper команда Слэш-команда для Claude, которая помогает переносить проект Next.js с Pages Router на App Router, с JavaScript на TypeScript и с классовых компонентов на хуки.
237установок
svelte-debug команда Разбирает ошибки Svelte и SvelteKit по сообщению и стеку: находит причину в компиляции, рантайме или конфиге и предлагает правку.
134установок
svelte-scaffold команда Разворачивает новый SvelteKit-проект, модуль или библиотеку компонентов с готовой структурой папок и конфигами. Пригодится, когда нужен стартовый каркас без ручной возни.
127установок
svelte-storybook-mock команда Готовит моки модулей SvelteKit для историй Storybook, чтобы компонент рендерился в изоляции без запущенного приложения.
121установок
svelte-storybook-troubleshoot команда Слэш-команда разбирает типовые поломки Storybook в проектах на SvelteKit: ошибки сборки, неразрешённые модули, конфликты аддонов.
118установок
svelte-test-fix команда Слэш-команда для Claude, которая разбирает падающие тесты в Svelte и SvelteKit и предлагает исправления. Пригодится, когда тесты сыпятся после правок компонентов.
115установок
