# Скиллы по теме «Фронтенд и UI» Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов. 2909 карточек · страница 64 из 73 - HTML: https://affpapa.org/nevibecode/skills/topic/frontend?page=64 - Инструкция для агента: https://affpapa.org/nevibecode/agents.md - [build-integration](https://affpapa.org/nevibecode/skills/build-integration.md) — скилл · GitbookIO · Claude Code, Codex, Cursor +3 · 565 установок — Скилл помогает создавать и публиковать интеграции для GitBook. - [reactlynx-best-practices](https://affpapa.org/nevibecode/skills/reactlynx-best-practices.md) — скилл · lynx-community · Claude Code, Codex, Cursor +3 · 450 установок — Проверяет и переписывает код ReactLynx с учётом двухпоточной модели Lynx: границы потоков, жизненный цикл, обработчики событий, сплиттинг. - [motion-sickness](https://affpapa.org/nevibecode/skills/motion-sickness.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 486 установок — Помогает найти и убрать в интерфейсе анимации, от которых кружится голова: параллакс, зум, вращение. - [pretext-text-measurement](https://affpapa.org/nevibecode/skills/pretext-text-measurement.md) — скилл · reason-machines · Claude Code, Codex, Cursor +3 · 694 установки — Помогает рассчитывать высоту строк и перенос многострочного текста без обращения к DOM и вызова перерисовок страницы. - [universal-elements](https://affpapa.org/nevibecode/skills/universal-elements.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 485 установок — Скилл задаёт 12 классических принципов анимации Диснея для любых UI-элементов. - [small-200-300ms](https://affpapa.org/nevibecode/skills/small-200-300ms.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 485 установок — Скилл подсказывает агенту, как строить переходы длительностью 200–300 мс: появление модалок, раскрытие карточек, слайды навигации. - [trust-reliability](https://affpapa.org/nevibecode/skills/trust-reliability.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 485 установок — Скилл для анимаций, которые вызывают доверие: предсказуемые движения, спокойные тайминги, никаких сюрпризов. - [deliberate-1200-2000ms](https://affpapa.org/nevibecode/skills/deliberate-1200-2000ms.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 485 установок — Набор правил для длинных анимаций длительностью 1200-2000ms. - [universal-tool](https://affpapa.org/nevibecode/skills/universal-tool.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 484 установки — Скилл, который подсказывает агенту 12 принципов анимации Диснея при работе с любым инструментом или фреймворком. - [universal-practitioner](https://affpapa.org/nevibecode/skills/universal-practitioner.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 482 установки — Скилл, который применяет 12 принципов анимации Диснея к интерфейсам, текстам и продуктовым решениям — не только к мультипликации. - [universal-solutions](https://affpapa.org/nevibecode/skills/universal-solutions.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 482 установки — Диагностирует сбои интерфейсной анимации по двенадцати принципам Disney и подсказывает точные исправления длительности, траекторий или плавности. - [universal-fallback](https://affpapa.org/nevibecode/skills/universal-fallback.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 481 установка — Справочник по 12 классическим принципам анимации Disney для любых сред. - [accessibility-issues](https://affpapa.org/nevibecode/skills/accessibility-issues.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 481 установка — Разбирает анимацию, которая мешает людям с вестибулярными нарушениями, когнитивной перегрузкой или скринридером, и подсказывает, что чинить. - [ux-friction](https://affpapa.org/nevibecode/skills/ux-friction.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 481 установка — Скилл для диагностики анимаций, из-за которых пользователь ждёт, путается или бросает задачу. - [instant-0-100ms](https://affpapa.org/nevibecode/skills/instant-0-100ms.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 480 установок — Скилл обучает агента настраивать мгновенный отклик интерфейса до 100 мс. - [magento-frontend-developer](https://affpapa.org/nevibecode/skills/magento-frontend-developer.md) — скилл · maxnorm · Claude Code, Codex, Cursor +3 · 399 установок — Задаёт правила вёрстки и клиентской разработки под Magento 2: от макетов layout XML и шаблонов PHTML до скриптов на KnockoutJS и оптимизации Core Web Vitals. - [ag-dev](https://affpapa.org/nevibecode/skills/ag-dev.md) — скилл · ag-grid · Claude Code, Codex, Cursor +3 · 1000 установок — Скилл заставляет ИИ сверять версии AG Grid, AG Charts и AG Studio с документацией проекта, чтобы не писать код под устаревшие или выдуманные API. - [cloudinary-react](https://affpapa.org/nevibecode/skills/cloudinary-react.md) — скилл · cloudinary · Claude Code, Codex, Cursor +3 · 657 установок — Подсказывает агенту точные импорты и паттерны Cloudinary React SDK, чтобы не гадать с путями и не ловить ошибки виджета загрузки. - [adapt](https://affpapa.org/nevibecode/skills/adapt.md) — скилл · aladicf · Claude Code, Codex, Cursor +3 · 557 установок — Адаптирует веб-интерфейсы под мобильные экраны, планшеты, десктоп, печать и email без потери читаемости и иерархии. - [typeset](https://affpapa.org/nevibecode/skills/typeset.md) — скилл · aladicf · Claude Code, Codex, Cursor +3 · 557 установок — Разбирает шрифты, шкалу размеров и иерархию текста в интерфейсе и приводит их к системе. - [data-viz](https://affpapa.org/nevibecode/skills/data-viz.md) — скилл · aladicf · Claude Code, Codex, Cursor +3 · 568 установок — Скилл для проектирования графиков, дашбордов и таблиц с данными. - [gsap-react](https://affpapa.org/nevibecode/skills/bbeierle12-gsap-react.md) — скилл · Bbeierle12 · Claude Code, Codex, Cursor +3 · 724 установки — Скилл с готовыми шаблонами GSAP для React: хук useGSAP, работа с ref и очистка анимаций при размонтировании. - [vercel-react-best-practices](https://affpapa.org/nevibecode/skills/vercel-react-best-practices.md) — скилл · vercel · Claude Code, Codex, Cursor +3 · 448 установок — Скилл с 70 правилами оптимизации React и Next.js от Vercel. - [media-publishing](https://affpapa.org/nevibecode/skills/media-publishing.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 477 установок — Скилл задаёт правила и тайминги интерфейсных анимаций для новостных сайтов, читалок и медиа-сервисов по 12 принципам Диснея. - [slow-800-1200ms](https://affpapa.org/nevibecode/skills/slow-800-1200ms.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 477 установок — Скилл для ИИ-кодинга, который помогает делать намеренно медленную анимацию 800–1200 мс: драматичные появления, загрузочные сцены, моменты, где пользователь должен остановиться и посмотреть. - [forms](https://affpapa.org/nevibecode/skills/forms.md) — скилл · aladicf · Claude Code, Codex, Cursor +3 · 555 установок — Помогает проектировать формы и многошаговые сценарии ввода. - [universal-timing](https://affpapa.org/nevibecode/skills/universal-timing.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 476 установок — Скилл про тайминги анимации: правила, которые работают и на 50 мс, и на 5000 мс. - [appkit](https://affpapa.org/nevibecode/skills/appkit.md) — скилл · reown-com · Claude Code, Codex, Cursor +3 · 1100 установок — Скилл ведёт агента по интеграции Reown AppKit: модальное окно кошелька, смена сети, EVM, Solana и Bitcoin. - [empty-state](https://affpapa.org/nevibecode/skills/empty-state.md) — скилл · aladicf · Claude Code, Codex, Cursor +3 · 552 установки — Скилл для проектирования пустых состояний: нулевые данные, пустая выдача поиска, отказы в доступе и ошибки. - [a11y](https://affpapa.org/nevibecode/skills/a11y.md) — скилл · aladicf · Claude Code, Codex, Cursor +3 · 561 установка — Разбирает интерфейс по клавиатуре, скринридеру, контрасту и семантике, а потом правит найденное. - [web-performance-optimization](https://affpapa.org/nevibecode/skills/web-performance-optimization.md) — скилл · davila7 · Claude Code · 3490 установок — Скилл для Claude, который помогает разобрать, почему сайт грузится медленно, и по шагам убрать узкие места. - [colorize](https://affpapa.org/nevibecode/skills/aladicf-colorize.md) — скилл · aladicf · Claude Code, Codex, Cursor +3 · 551 установка — Скилл для ИИ-кодинга, который добавляет цвет в слишком серые интерфейсы: семантику состояний, акценты и цветовую иерархию. - [capacitor-platforms](https://affpapa.org/nevibecode/skills/capacitor-platforms.md) — скилл · capawesome-team · Claude Code, Codex, Cursor +3 · 590 установок — Проведёт агента через добавление и настройку десктопных платформ Capawesome для Capacitor — Electron и Tauri. - [normalize](https://affpapa.org/nevibecode/skills/normalize.md) — скилл · aladicf · Claude Code, Codex, Cursor +3 · 546 установок — Аудирует интерфейс и возвращает компоненты к дизайн-токенам, сетке и системным паттернам проекта. - [awesome-design-md-jp](https://affpapa.org/nevibecode/skills/awesome-design-md-jp.md) — скилл · reason-machines · Claude Code, Codex, Cursor +3 · 668 установок — Скилл добавляет спецификации DESIGN.md для японских веб-интерфейсов. - [wireframing](https://affpapa.org/nevibecode/skills/wireframing.md) — скилл · manutej · Claude Code, Codex, Cursor +3 · 566 установок — Скилл для проектирования интерфейсов: помогает пройти путь от набросков и структуры экранов до макета, близкого к финальному дизайну. - [accessibility-inclusive-design](https://affpapa.org/nevibecode/skills/accessibility-inclusive-design.md) — скилл · hueyexe · Claude Code, Codex, Cursor +3 · 574 установки — Скилл для ИИ-агента, который помогает проектировать и разбирать интерфейсы с оглядкой на доступность: клавиатура, скринридеры, контраст, семантика. - [harden](https://affpapa.org/nevibecode/skills/aladicf-harden.md) — скилл · aladicf · Claude Code, Codex, Cursor +3 · 539 установок — Прогоняет интерфейс через крайние случаи: длинный текст, ошибки сети, RTL, пустые состояния. - [distill](https://affpapa.org/nevibecode/skills/aladicf-distill.md) — скилл · aladicf · Claude Code, Codex, Cursor +3 · 548 установок — Скилл убирает из UI лишние элементы, опции и функции, оставляя главное. - [ux-writing-content-design](https://affpapa.org/nevibecode/skills/ux-writing-content-design.md) — скилл · hueyexe · Claude Code, Codex, Cursor +3 · 562 установки — Пишет и разбирает тексты интерфейса: подписи кнопок, подсказки, пустые состояния, ошибки, онбординг. Дальше: https://affpapa.org/nevibecode/skills/topic/frontend.md?page=65 ## Уточнить [react](https://affpapa.org/nevibecode/tag/react.md) · [ui](https://affpapa.org/nevibecode/tag/ui.md) · [typescript](https://affpapa.org/nevibecode/tag/typescript.md) · [css](https://affpapa.org/nevibecode/tag/css.md) · [animation](https://affpapa.org/nevibecode/tag/animation.md) · [accessibility](https://affpapa.org/nevibecode/tag/accessibility.md) · [design-system](https://affpapa.org/nevibecode/tag/design-system.md) · [nextjs](https://affpapa.org/nevibecode/tag/nextjs.md) · [tailwind](https://affpapa.org/nevibecode/tag/tailwind.md) · [javascript](https://affpapa.org/nevibecode/tag/javascript.md) · [webgl](https://affpapa.org/nevibecode/tag/webgl.md) · [typography](https://affpapa.org/nevibecode/tag/typography.md) ## Сузить этот список Параметры: `?platform=`, `&topic=<…>`, `&sort=installs|stars|new|updated` — значения в https://affpapa.org/nevibecode/agents.md --- NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md