NeVibeCode · 2 133 карточки
Скиллы по теме «Дизайн»
Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов.
webflow-cli:designer-extension скилл Скилл ведёт агента по всему циклу работы с Designer Extensions в Webflow: выбор шаблона, инициализация проекта, локальный сервер и сборка бандла.
CX Codex +1
1 000установок
webflow-cli:code-component скилл Скилл настраивает React-проект, проверяет сборку компонентов и публикует их в Webflow Designer через Webflow CLI. Пригодится фронтендерам, создающим библиотеки для дизайнеров.
CX Codex +1
1 000установок
webflow-cli:devlink скилл Выгружает компоненты Webflow Designer в код React и Next.js, синхронизирует правки дизайна и показывает, что изменилось после каждого sync.
CX Codex +1
998установок
21st-ai скилл Скилл для генерации и правки UI через CLI 21st: набросать варианты по промпту, посмотреть их в браузере и забрать код в проект.
CX Codex +1
2 000установок
ui-design-review скилл Разбирает интерфейс по десяти дизайн-измерениям: типографика, цвет, отступы, иерархия, консистентность. Пригодится перед дизайн-QA или передачей макета в вёрстку.
CX Codex +1
1 100установок
nielsen-usability-heuristics скилл Оценивает интерфейсы и текст ошибок по 10 эвристикам Нильсена. Скилл помогает выявить проблемы юзабилити прямо в коде компонентов до релиза.
CX Codex +1
976установок
hig-components-layout скилл Скилл помогает спроектировать навигацию и вёрстку для приложений под платформы Apple по правилам Human Interface Guidelines.
CX Codex +1
684установок
hig-patterns скилл Скилл с паттернами взаимодействия из Apple Human Interface Guidelines: онбординг, загрузка, модальные окна, уведомления, поиск. Пригодится, когда проектируешь UX в приложении под Apple.
CX Codex +1
685установок
appbuilder-ui-scaffolder скилл Генерирует интерфейсы на React Spectrum для Adobe Experience Cloud Shell и расширений AEM. Помогает настроить формы, таблицы данных и модальные окна.
CX Codex +1
716установок
motion скилл Скилл по библиотеке Motion для React: подсказывает, как собрать drag-and-drop, scroll-анимации и переходы макета. Пригодится, когда агент путает пропсы или ломает exit-анимации.
CX Codex +1
1 100установок
bootstrap скилл Задаёт агенту правила работы с Bootstrap: сетка, компоненты, утилиты и валидация форм. Пригодится, когда интерфейс собирают без своего CSS.
CX Codex +1
1 200установок
css скилл Скилл задаёт агенту правила вёрстки: Flexbox, Grid, переменные, BEM и порядок в стилях. Пригодится, когда ИИ пишет CSS в вашем проекте.
CX Codex +1
1 200установок
hig-platforms скилл Скилл помогает адаптировать интерфейс приложений под стандарты Apple HIG для iOS, iPadOS, macOS, tvOS, visionOS и watchOS. Пригодится при переносе проектов между платформами экосистемы.
CX Codex +1
666установок
Skywork Design скилл Скилл генерирует и редактирует изображения через Skywork Image API: постеры, логотипы, инфографика, правка готовых картинок. Пригодится, когда нужен визуал прямо в проекте.
CX Codex +1
350установок
color-mode-and-theme скилл Помогает выбрать цветовую схему проекта, решить вопрос о поддержке тёмной темы и выстроить токены без сломанного контраста.
CX Codex +1
926установок
ui-density скилл Помогает подобрать плотность интерфейса под мобильные экраны, планшеты и десктоп. Задаёт правила группировки данных для таблиц, дашбордов и режимов для профи.
CX Codex +1
915установок
hig-components-controls скилл Помогает выбрать правильные элементы ввода и переключатели по гайдлайнам Apple HIG. Подсказывает типы клавиатур, состояния контролов и правила доступности.
CX Codex +1
655установок
form-design скилл Скилл для проектирования форм: подсказки под полем, плейсхолдеры, валидация и состояние кнопки отправки. Пригодится, когда верстаешь или проверяешь ввод данных.
CX Codex +1
916установок
figma-generate-design
официальный скилл Собирает или обновляет составные экраны в Figma, используя компоненты и стили дизайн-системы. Подойдёт, когда нужно перенести страницу или диалог из кода в макет.
CX Codex GP ChatGPT
33установок
mobile-ux-optimizer скилл Скилл помогает адаптировать веб-интерфейсы под смартфоны: настраивает safe area, переводит вёрстку на dvh и увеличивает области клика под тач-экраны.
CX Codex +1
498установок
brand-visual-language скилл Скилл помогает выбрать радиусы, шрифты и стиль иконок так, чтобы интерфейс читался как одна марка. Пригодится, когда начинаете дизайн-систему или ловите разнобой в визуале.
CX Codex +1
907установок
hig-components-dialogs скилл Скилл подсказывает правила Apple Human Interface Guidelines для модальных окон, алертов, шторок и полей ввода цифр. Пригодится при проектировании UI под iOS, iPadOS, macOS и visionOS.
CX Codex +1
647установок
hig-components-menus скилл Скилл помогает проектировать меню и кнопки для интерфейсов Apple по правилам Human Interface Guidelines. Полезен при выборе между pop-up и pull-down кнопками или структурировании тулбаров.
CX Codex +1
643установок
hig-components-content скилл Подсказывает правила Apple HIG по отображению контента: графикам, сеткам, веб-страницам и карточкам. Помогает выбрать системный компонент под iOS, macOS, tvOS или visionOS.
CX Codex +1
641установок
motion-and-storytelling скилл Скилл для проектирования переходов, скролл-анимаций и онбординга. Подсказывает тайминги, easing и стаггер, когда анимация нужна, а не «для красоты».
CX Codex +1
894установок
apple-ui-designer скилл Скилл перерабатывает экраны мобильных приложений под каноны Human Interface Guidelines от Apple. Он приводит типографику, отступы и системные компоненты к нативному виду iOS.
CX Codex +1
865установок
hig-components-status скилл Скилл передаёт агенту правила Apple HIG по индикаторам загрузки и строке состояния. Пригодится при вёрстке экранов под iOS и watchOS.
CX Codex +1
636установок
fal-redesign скилл Скилл создаёт визуальный редизайн существующего сайта или генерирует макет с нуля через fal.ai, выдавая готовый build-spec и токены.
CX Codex +1
394установок
information-architecture скилл Помогает разложить большой интерфейс по полочкам: как называть сущности, строить навигацию и подтверждать необратимые действия.
CX Codex +1
889установок
modular-scale-typography скилл Строит гармоничную типографику на основе единого коэффициента. Скилл помогает задать CSS-переменные или конфиг Tailwind, когда кегли в проекте подобраны хаотично.
CX Codex +1
884установок
figma-generate-library
официальный скилл Скилл для построения профессиональной дизайн-системы в Figma на основе кодовой базы. Создаёт переменные, компоненты с вариантами, стили типографики и теминг в правильном порядке — от токенов к готовым компонентам.
CX Codex GP ChatGPT
32установок
algorithmic-color-palette скилл Скилл выводит полную UI-палитру из одной-двух брендовых красок: состояния, серые с оттенком бренда, семантические цвета.
CX Codex +1
887установок
hig-components-search скилл Подсказывает агенту, как устроить поиск, пагинацию и хлебные крошки по гайдлайнам Apple. Пригодится, когда проектируешь навигацию в приложении под iOS или macOS.
CX Codex +1
634установок
gamification-loops скилл Скилл помогает проектировать баллы, значки, стрики и лидерборды, опираясь на психологию мотивации. Пригодится, когда нужно удержание, а не голые метрики.
CX Codex +1
567установок
hig-inputs скилл Скилл с рекомендациями Apple HIG по способам ввода: жесты, Apple Pencil, клавиатуры, геймпады, указатели, Digital Crown, фокус.
CX Codex +1
633установок
commercial скилл Скилл помогает планировать и запускать генерацию рекламных фото и видеороликов через CLI-утилиту genmedia. Пригодится для карточек товаров, предметной съёмки и промо-материалов.
CX Codex +1
391установок
user-flows-and-guided-paths скилл Скилл помогает проектировать пошаговые сценарии, визарды, экраны онбординга и чекаута. Подсказывает, как выстроить навигацию и сохранить контекст пользователя.
CX Codex +1
879установок
design-system скилл Настраивает фирменный стиль и проверяет контрастность по WCAG 2.2 AA для конвертеров markdown-html. Генерирует 12 CSS-токенов перед экспортом документов, слайдов или ревью.
33установок
responsive-paradigms скилл Задаёт для ИИ-агента правила адаптивной вёрстки: делит мобильные, планшетные и десктопные интерфейсы на разные парадигмы взаимодействия, а не просто масштабирует один макет.
CX Codex +1
875установок
gestalt-ui-organisation скилл Скилл раскладывает контролы по принципам гештальта, чтобы пользователь видел, что к чему относится, без чтения подписей. Пригодится при вёрстке тулбаров, форм, навигации и дашбордов.
CX Codex +1
879установок
1 321–1 360 из 2 133
