NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
vercel-deployment скилл Скилл для Claude, который подсказывает, как правильно выкатывать Next.js на Vercel: переменные окружения, edge и serverless, кэш сборки.
124установок
ui-ux-governance скилл Скилл задаёт агенту рамки при работе с интерфейсами: как выбирать решения по потокам, состояниям и доступности.
CX Codex +1
★ 1 388звёзд репо
screenshot-feature-extractor скилл Разбирает скриншоты интерфейсов и превращает найденные функции и взаимодействия в список задач. Пригодится для планирования разработки по макетам или визуальным примерам.
97установок
makepad-2.0-widgets скилл Подсказывает агенту, какие виджеты есть в Makepad 2.0 и как их правильно писать в Splash. Пригодится, когда верстаешь интерфейс и не помнишь свойства.
CX Codex +1
★ 751звёзд репо
makepad-2.0-troubleshooting скилл Скилл для разбора типичных ошибок Makepad 2.0 и языка Splash: невидимый интерфейс, пропавший текст, сломанный горячий перезапуск. Пригодится, когда UI собрался, но выглядит не так, как ждёшь.
CX Codex +1
★ 751звёзд репо
makepad-2.0-theme скилл Скилл для работы с темой Makepad 2.0: переменные theme.*, переключение тёмного и светлого режимов, цвета, шрифты и отступы в Splash.
CX Codex +1
★ 751звёзд репо
makepad-2.0-performance скилл Скилл для оптимизации и отладки Makepad 2.0: разбирает батчинг отрисовки, сборку мусора Splash VM и кэширование текстур.
CX Codex +1
★ 751звёзд репо
makepad-2.0-events скилл Скилл makepad-2.0-events помогает агенту разбираться с событиями и действиями в Makepad 2.0: от on_click в Splash до трейта MatchEvent в Rust.
CX Codex +1
★ 751звёзд репо
makepad-2.0-app-structure скилл Помогает собрать каркас приложения на Makepad 2.0: Rust-часть, Splash-разметка, обработка событий и запуск с горячей перезагрузкой.
CX Codex +1
★ 751звёзд репо
javascript-pro скилл Скилл для Claude, который ведёт агента по современному JavaScript: ES6+, промисы, event loop, API Node.js и браузера.
79установок
core-components скилл Скилл для Claude, который заставляет агента собирать интерфейс из компонентов вашей библиотеки и дизайн-токенов вместо сырых значений.
66установок
cc-skill-coding-standards скилл Скилл задаёт агенту единые стандарты для TypeScript, JavaScript, React и Node.js: имена, иммутабельность, обработку ошибок, структуру API.
66установок
sveltekit скилл Скилл для Claude, который помогает собирать приложения на SvelteKit: маршруты по файлам, серверный рендеринг, эндпоинты и обработка форм.
50установок
nerv-ui скилл Скилл помогает агенту собирать React-интерфейсы командного центра на опубликованной библиотеке @mdrbx/nerv-ui — дашборды, мониторинговые терминалы, экраны входа.
CX Codex +1
★ 95звёзд репо
design-auditor скилл Проверяет вёрстку и макеты по 19 правилам: контраст, фокус, aria, тёмные паттерны. Полезен, когда нужно понять, почему интерфейс неудобен или недоступен.
CX Codex +1
★ 89звёзд репо
reimagine-it-lock скилл Скилл снимает палитру, шрифты, мотивы и анимацию с готового HTML-файла и сохраняет их как переносимый набор для повторного использования.
CX Codex +1
★ 212звёзд репо
custom-blocks скилл Помогает собрать интерактивный интерфейс внутри Notion, который читает и меняет данные рабочего пространства.
CX Codex +1
★ 220звёзд репо
custom-blocks скилл Скилл для работы с интерактивными кастомными блоками, которые объявляет Notion App. Пригодится, когда агент правит код таких блоков в проекте.
CX Codex +1
★ 220звёзд репо
slidewright скилл Собирает слайды как сайт для показа на большом экране: один ведущий, аудитория только смотрит. Два варианта — один HTML-файл или проект на Vite + React.
CX Codex +1
★ 88звёзд репо
design-intelligence скилл Собирает дизайн-систему с нуля: палитра, типографика, отступы, радиусы и инвентарь компонентов в трёх форматах.
CX Codex +1
★ 109звёзд репо
ui-ux-design-principles скилл Канон решений о пользовательском опыте: чек-лист ревью, жёсткие правила и ссылки на детали. Пригодится, когда верстаете интерфейс или проверяете чужой.
CX Codex +1
★ 36звёзд репо
suede-site-alchemy скилл Скилл для оптимизации конверсии лендингов, промо- и продуктовых страниц: находит трение, чинит воронку и проверяет правки.
CX Codex +1
★ 126звёзд репо
suede-design скилл Скилл для ИИ-кодинга, который делает интерфейсы осмысленными, а не шаблонными: токены, цвет, типографика, тёмная тема, вёрстка и визуальный QA.
CX Codex +1
★ 126звёзд репо
developer-sandbox скилл Помогает спроектировать интерактивную песочницу, где разработчик пробует продукт без регистрации. Пригодится, если нужно превратить любопытного посетителя в активного пользователя.
CX Codex +1
★ 87звёзд репо
multitenant скилл Скилл для Vovk.ts: разводит несколько тенантов по поддоменам в одном Next.js-приложении — прокси, сегменты, страницы.
CX Codex +1
★ 57звёзд репо
tile-picking-interaction скилл Превращает позицию курсора или касания в точный тайл изометрической карты — с учётом панорамирования и зума камеры. Нужен, когда клики попадают не в тот тайл.
CX Codex +1
★ 41звёзд репо
canvas2d-isometric-renderer скилл Собирает цикл отрисовки изометрической карты на Canvas 2D: тайлы фоном, объекты после них и по глубине.
CX Codex +1
★ 41звёзд репо
ux скилл Помогает агенту разложить экран на компоненты, определить владельца состояния и не смешивать вёрстку с бизнес-правилами.
CX Codex +1
★ 24звёзд репо
ux скилл Скилл для проектирования интерфейсов, где пользователь не может сделать необратимую ошибку: формы, удаление, массовые действия, оплата.
CX Codex +1
★ 24звёзд репо
2 881–2 909 из 2 909
