NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
ui-web скилл Скилл со строгими правилами вёрстки: внедряет WCAG 2.1 AA, сетку Tailwind на 8 px, тёмную тему и эффекты глассморфизма.
CX Codex +1
393установок
wcag-accessibility-audit скилл Проверяет сайт или веб-приложение по WCAG 2.1 и 2.2, находит барьеры доступности и помогает оценить соответствие уровням A, AA и AAA.
CX Codex +1
1 600установок
industrial-brutalist скилл Скилл для сайтов в стиле индустриального брутализма и тактических интерфейсов. Сначала генерирует дизайн-изображения, потом пишет фронтенд.
CX Codex +1
311установок
web-game-foundations
официальный скилл Задаёт архитектуру браузерной игры до начала кодинга. Помогает выбрать движок и отделить симуляцию от рендера.
CX Codex GP ChatGPT
52установок
view-refactor
официальный скилл Скилл помогает разложить macOS SwiftUI views и scenes по устойчивой структуре. Нужен при разделении больших view и сужении AppKit-границ.
CX Codex GP ChatGPT
52установок
network-request-auditing скилл Скилл проверяет сетевые запросы браузера после действий пользователя, выявляя сбои, медленные вызовы и дубли. Пригодится при отладке страниц с частыми API-запросами.
CX Codex +1
435установок
dark-mode-testing скилл Открывает страницу в браузере, снимает скриншоты в светлой и тёмной теме и указывает на потерянные цвета, невидимый текст и низкий контраст.
CX Codex +1
436установок
mapbox-search-integration скилл Проводит агента через весь цикл внедрения поиска Mapbox: от вопросов о задаче до готового кода с нужным API и параметрами.
CX Codex +1
1 900установок
mapbox-token-security скилл Набор правил безопасности для токенов Mapbox: разграничение публичных и секретных ключей, ограничение по URL и защита от тихих падений карты.
CX Codex +1
1 900установок
upgrade-react-native скилл Обновляет проекты React Native Community CLI на заданную версию через diff-файлы React Native Upgrade Helper.
CX Codex +1
1 300установок
vite скилл Скилл по Vite 6.x: помогает настроить конфиг, подключить плагины, разобраться с dev-сервером и собрать проект в прод.
CX Codex +1
747установок
nextjs-app-architecture скилл Скилл задаёт единую архитектуру App Router в Next.js 16: страницы только компонуют, данные читают фичи. Пригодится при старте проекта и при разборе чужого кода.
CX Codex +1
485установок
svelte-runes скилл Помогает ИИ-агенту писать код на Svelte 5 с рунами без смешивания устаревшего синтаксиса. Пригодится при настройке реактивности, пропсов и миграции компонентов.
CX Codex +1
1 000установок
sveltekit-structure скилл Подсказывает агенту, как раскладывать маршруты, вложенные лейауты и границы ошибок в SvelteKit. Пригодится, когда проект растёт и файлы начинают путаться.
CX Codex +1
1 000установок
quieter скилл Скилл для ИИ-кодинга, который снижает визуальный шум в интерфейсе: меньше движения, проще сетка, спокойнее цвет. Пригодится, когда UI выглядит перегруженным.
CX Codex +1
451установок
writing-for-interfaces скилл Скилл помогает писать и редактировать текст внутри интерфейсов: системные ошибки, кнопки и подсказки в CLI.
CX Codex +1
1 100установок
finding-dev-server-url скилл Находит адреса запущенных dev-серверов в логах терминала и выводит порты localhost. Помогает сразу открыть работающее приложение или проверить конфликты портов.
CX Codex +1
425установок
bolder скилл Скилл добавляет интерфейсу характер: больше разброса в раскладке, движения и один акцентный приём. Пригодится, когда вёрстка работает, но выглядит пресно.
CX Codex +1
445установок
shader-glsl скилл Скилл помогает писать фрагментные шейдеры GLSL для генеративного фона, переходов между картинками и эффектов в Three.js.
CX Codex +1
1 400установок
converting-css-to-tailwind скилл Скилл проходит по CSS-файлу и переносит правила в Tailwind-классы прямо в разметке. Полезен при переезде проекта со старого CSS на утилиты.
CX Codex +1
423установок
now-reading-page скилл Собирает из вашей библиотеки Readwise Reader один HTML-файл со списком того, что вы читаете сейчас и прочитали недавно.
CX Codex +1
455установок
visual-testing скилл Скилл для визуального регрессионного тестирования: сравнивает скриншоты с эталонами и ловит различия на уровне пикселей, которые пропускают функциональные тесты.
CX Codex +1
1 200установок
render-props-pattern скилл Скилл объясняет паттерн render props в React и подсказывает, когда вместо него взять хуки. Пригодится, если логику рендера нужно разделить между компонентами.
CX Codex +1
1 000установок
client-side-rendering скилл Скилл объясняет клиентский рендеринг в React: когда он уместен, а когда страница провалится по SEO и первой отрисовке.
CX Codex +1
1 000установок
hoc-pattern скилл Обучает ИИ паттерну Higher-Order Component для переиспользования логики в React. Пригодится при выносе авторизации, логов или загрузки данных.
CX Codex +1
1 000установок
compound-pattern скилл Учит агента собирать составные компоненты с общим неявным состоянием: табы, аккордеоны, выпадающие меню. Пригодится, когда подкомпоненты должны согласовывать поведение без прокидывания пропсов.
CX Codex +1
1 000установок
nextjs
официальный скилл Помогает разрабатывать и отлаживать приложения на Next.js App Router. Пригодится для разбора маршрутов, Server Components, загрузки данных и рендеринга.
CX Codex GP ChatGPT
50установок
detecting-port-conflicts скилл Скилл находит занятые порты при ошибках вроде EADDRINUSE, вычисляет блокирующий процесс и помогает освободить порт либо сменить его в конфиге dev-сервера.
CX Codex +1
418установок
swiftui-animation скилл Скилл помогает настраивать пружинные анимации SwiftUI и эффекты Metal-шейдеров в приложениях для iOS и macOS.
CX Codex +1
567установок
godot-ui-rich-text скилл Скилл для работы с RichTextLabel в Godot: BBCode-разметка, кликабельные ссылки, кастомные эффекты и системы диалогов.
CX Codex +1
400установок
iphone-duo-readiness скилл Скилл для аудита и адаптации iOS-приложений под складной iPhone Duo. Помогает найти жёстко заданные размеры экрана, устаревшие вызовы UIScreen и ошибки вёрстки при переходе на iOS 27.1 SDK.
CX Codex +1
630установок
write-landing скилл Пишет текст и каркас посадочной страницы под конверсию и SEO. Пригодится, когда нужен готовый лендинг, а не отдельные заголовки.
CX Codex +1
468установок
phaser-2d-game
официальный скилл Скилл помогает собирать 2D-игры для браузера на Phaser, TypeScript и Vite. Подходит для сцен, игровой логики, камер, анимации спрайтов и HUD.
CX Codex GP ChatGPT
49установок
profiling-performance скилл Скилл запускает профилирование CPU во встроенном браузере через инструменты MCP. Он находит медленные функции и помогает устранить зависания интерфейса.
CX Codex +1
410установок
ui-testing скилл Чек-лист и правила для проверки доступности интерфейсов: выявляет невидимые кнопки, плохой контраст и мелкие области клика при генерации UI.
CX Codex +1
364установок
threejs-perf скилл Оптимизирует сцены Three.js через инстансинг, убирает лишние вызовы отрисовки и ускоряет рендеринг тысяч подвижных объектов.
CX Codex +1
639установок
vue скилл Помогает проектировать компоненты Vue и настраивать реактивность. Пригодится при переходе на скрипт с сетапом и composables.
CX Codex +1
706установок
htmx скилл Правила разработки на HTMX: агент пишет разметку с hx-атрибутами и отдаёт с сервера только нужные фрагменты HTML.
CX Codex +1
1 700установок
scss-best-practices скилл Скилл задаёт правила вёрстки на SCSS: структуру файлов 7-1, правила вложенности селекторов, систему переменных и соглашения БЭМ. Помогает агенту писать чистые стили.
CX Codex +1
1 700установок
browser-preview скилл Разбирает, почему вкладка Preview пустая или пропала: проверяет реестр сервисов, порты и пути к статике.
CX Codex +1
4 600установок
1 641–1 680 из 2 909
