NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
tanstack-router-best-practices скилл Набор правил по TanStack Router для React: типизация, загрузка данных, search params и навигация. Пригодится, когда роутинг в проекте разрастается.
CX Codex +1
7 100установок
tailwind-css-patterns скилл Скилл с готовыми паттернами Tailwind CSS: адаптивные сетки, карточки, формы, тёмная тема. Пригодится, когда агент верстает компоненты на React, Vue или Svelte.
CX Codex +1
17 700установок
brutalism скилл Скилл задаёт агенту правила бруталистского дизайна: бетонная эстетика, резкие макеты, функциональный минимализм. Пригодится, когда нужен интерфейс без глянца.
CX Codex +1
2 400установок
material скилл Скилл задаёт правила Material Design для проектирования интерфейсов: фиксирует шкалу отступов, типографику, токены цветов и требования WCAG 2.2 AA.
CX Codex +1
2 400установок
corporate скилл Скилл задаёт корпоративную дизайн-систему для интерфейсов: сетку, токены, состояния компонентов и требования доступности. Пригодится для UI-гайдлайнов.
CX Codex +1
2 400установок
contemporary скилл Задаёт агенту правила современного минималистичного интерфейса: bento-сетки, тёмная тема, доступность по WCAG 2.2 AA. Пригодится, когда верстаете UI и хотите единый стиль без ручных напоминаний.
CX Codex +1
2 400установок
sleek скилл Задаёт правила дизайн-системы в минималистичном стиле: фиксирует сетку 8pt, шрифты Inter и JetBrains Mono, палитру и требования WCAG 2.2 AA.
CX Codex +1
2 400установок
claymorphism скилл Скилл задаёт ИИ-агенту правила дизайн-системы claymorphism: мягкие объёмные формы, палитра, типографика, состояния компонентов.
CX Codex +1
2 400установок
storytelling скилл Скилл задаёт агенту рамки дизайн-системы: токены, состояния компонентов, доступность и структуру вывода. Пригодится, когда интерфейсу нужна связная логика, а не набор разрозненных экранов.
CX Codex +1
2 400установок
modern скилл Задаёт редакционный стиль с антиквой IBM Plex Serif и палитрой на базе токена #553F83. Помогает генерировать правила дизайн-системы и чек-листы доступности.
CX Codex +1
2 400установок
neumorphism скилл Скилл задаёт правила для неоморфного интерфейса: токены, состояния компонентов и требования доступности. Пригодится для проектирования UI и дизайн-систем.
CX Codex +1
2 500установок
professional скилл Задаёт агенту правила дизайн-системы: токены, типографику, состояния компонентов и критерии доступности. Пригодится, когда нужен аккуратный интерфейс без ручных правок.
CX Codex +1
2 500установок
refined скилл Задаёт правила дизайн-системы в стиле Refined с шрифтами Playfair Display и JetBrains Mono. Помогает генерировать согласованные токены, состояния компонентов и чеклисты доступности.
CX Codex +1
2 500установок
neobrutalism скилл Скилл задаёт правила для нео-бруталистского интерфейса: контраст, цветовые токены, состояния компонентов и доступность. Пригодится для проектирования UI.
CX Codex +1
2 500установок
shadcn скилл Задаёт агенту правила дизайн-системы в стиле shadcn/ui: токены, типографику, состояния компонентов и критерии доступности.
CX Codex +1
2 500установок
react-component-performance скилл Находит причины медленного рендера в React, изолирует часто обновляемый стейт и убирает лишние вычисления. Помогает при лагах списков и анимаций.
CX Codex +1
1 100установок
gsap скилл Скилл для ИИ-агента, который помогает писать и отлаживать веб-анимации на GSAP: таймлайны, ScrollTrigger, stagger, трансформации.
CX Codex +1
1 800установок
design-first-ui-prompting скилл Превращает сырые идеи интерфейсов в строгие спецификации для генерации UI. Помогает фиксировать сетку, типографику и отступы по правилам дизайн-систем.
CX Codex +1
1 800установок
gsap-scrolltrigger-storytelling скилл Скилл для скролл-сторителлинга: закреплённые секции, послойное появление интерфейса и переходы между сценами на GSAP ScrollTrigger.
CX Codex +1
1 800установок
threejs-asset-pipeline скилл Скилл для сжатия и проверки glTF-моделей перед загрузкой в three.js: команды gltf-transform, Draco, meshopt, KTX2 и gltfjsx.
CX Codex +1
1 300установок
threejs-react-three-fiber скилл Скилл для тех, кто пишет three.js-сцены компонентами React. Подсказывает, как устроены Canvas, хуки и события указателя в React Three Fiber.
CX Codex +1
1 300установок
react-three-fiber скилл Скилл обучает агента строить декларативные 3D-сцены в React через Three.js, настраивать хуки рендера и загружать модели через Suspense.
CX Codex +1
3 800установок
tech-stack-evaluator скилл Сравнивает библиотеки, фреймворки и облачные платформы по взвешенным оценкам. Скилл рассчитывает TCO на 5 лет и помогает оценить риски миграции до старта проекта.
904установок
huashu-motion скилл Собирает motion graphics, launch-видео и explainers из редактируемого кода. Пригодится, когда нужно править конкретные кадры через живой просмотр.
CX Codex +1
827установок
figma-codegen скилл Генерирует код по макетам Figma с учётом стека проекта, переиспользуя готовые компоненты и дизайн-токены вместо вёрстки с нуля.
CX Codex +1
1 300установок
pinme скилл Загружает статические сборки в IPFS и развёртывает фулстек-проекты с бэкендом на Cloudflare Workers и базой D1. Пригодится, когда сайту или API нужен быстрый хостинг без настройки серверов.
CX Codex +1
710установок
immersive скилл Скилл формулирует правила дизайн-системы для выставочных интерфейсов. Он задаёт глубокий зелёный фон, белые карточки с чёрными тенями и чёткие токены.
CX Codex +1
2 300установок
claude скилл Задаёт агенту правила оформления интерфейса: тёплая бумажная основа, почти чёрные чернила, сдержанный акцент. Пригодится, когда нужен строгий редакционный вид без теней и градиентов.
CX Codex +1
2 300установок
tetris скилл Скилл задаёт агенту правила дизайн-системы в духе классической блочной игры: яркие цвета, крупные шрифты, плотная вёрстка.
CX Codex +1
2 300установок
pacman скилл Скилл настраивает ИИ-агента на генерацию дизайн-систем и интерфейсов в ретро-стиле аркадных автоматов с пиксельными шрифтами, точечными рамками и контрастной палитрой.
CX Codex +1
2 300установок
perspective скилл Задаёт агенту правила дизайн-системы с изометрией, точками схода и слоями. Пригодится, когда интерфейсу нужна глубина, а не плоские блоки.
CX Codex +1
2 300установок
expressive скилл Задаёт правила дизайн-системы с яркой палитрой и моноширинным шрифтом IBM Plex Mono. Помогает агенту собирать спецификации компонентов по стандарту WCAG 2.2 AA.
CX Codex +1
2 300установок
skeumorphism скилл Скилл задаёт правила для интерфейсов в стиле скевоморфизма: текстуры, 3D-эффекты и знакомые физические метафоры. Нужен для проектирования UI.
CX Codex +1
2 300установок
neon скилл Задаёт агенту правила дизайн-системы Neon: контрастные пары цветов, свечение и токены вместо сырых значений. Пригодится, когда нужен броский интерфейс без ручной сверки стилей.
CX Codex +1
2 300установок
retro скилл Задаёт ретро-стиль интерфейса с контрастной палитрой, шрифтами Macondo и JetBrains Mono, а также формирует гайдлайны по стандарту WCAG 2.2 AA.
CX Codex +1
2 300установок
vibrant скилл Задаёт агенту правила яркого интерфейса: палитра, шрифты, отступы и требования доступности. Пригодится, когда нужен живой визуальный стиль, а не серый дефолт.
CX Codex +1
2 300установок
levels скилл Скилл для ИИ-агента: выдаёт правила дизайн-системы Levels — токены, состояния компонентов, доступность. Пригодится, когда интерфейс нужно привести к одному стилю.
CX Codex +1
2 300установок
dithered скилл Задаёт правила дизайн-системы в ретро-стиле с точечными паттернами. Помогает генерировать согласованные токены, компоненты и чеклисты доступности.
CX Codex +1
2 300установок
fantasy скилл Скилл задаёт игровую фэнтезийную визуальную систему для интерфейсов: палитру, типографику, состояния компонентов и правила доступности. Пригодится для проектирования UI.
CX Codex +1
2 300установок
mono скилл Задаёт агенту правила дизайн-системы в стиле matrix: моноширинные шрифты, высокий контраст, компактная плотность. Пригодится, когда интерфейсу нужен вид хакерского терминала.
CX Codex +1
2 300установок
721–760 из 2 909
