Скиллы для нейросетей — дизайн и интерфейсы

Помогает объяснять идеи, процессы и устройство систем с помощью схем. Подходит для аккуратной иллюстрации в браузере или редактируемого наброска в Excalidraw.

Помогает дизайнерам и разработчикам создавать и проверять интерфейсы по WCAG 2.2 уровня AA. Подходит для управления клавиатурой, читаемого контраста и поддержки программ чтения с экрана.

Помогает описать архитектуру, процесс, обмен сообщениями, движение данных или состояния системы в интерактивной схеме. Подходит для преобразования Mermaid и схем, которые должны отражать реальный код.

Помогает разработчикам VS Code создавать и менять пиксельную графику питомца: реакции, переходы, выражения глаз и аксессуары. Сохраняет узнаваемый облик персонажа между состояниями и вариантами Stable и Insiders.

Помогает создавать оригинальные художественные работы на p5.js: узоры, потоки и системы частиц, возникающие по заданным правилам. Подходит для исследования вариантов композиции через изменяемые параметры и воспроизводимую случайность.

Помогает подготовить баннеры, обложки и главные изображения сайта для маркетинговой кампании. Предлагает несколько вариантов оформления с вашими изображениями, графикой на CSS или сгенерированными иллюстрациями.

Помогает разработчикам перенести отдельные React-компоненты или целый проект с Radix UI на Base UI. Охватывает компоненты shadcn, собственные реализации и использующий их код, с сохранением пользовательских доработок.

Помогает разработчикам Supabase Studio создавать и обновлять страницы по правилам дизайн-системы. Подсказывает структуру страницы, выбор компонентов и размещение форм, таблиц, графиков и боковых панелей.

Помогает сформулировать конкретные требования к внешнему виду сайта или интерфейса перед разработкой. Превращает описание вроде «сделай минималистично» в согласованный набор цветов, шрифтов, правил композиции, отступов и ограничений.

Помогает продуктовым командам разобрать качество интерфейса по десяти принципам Дитера Рамса и выбрать дальнейшее направление. Оценка опирается на конкретные свидетельства и заканчивается подготовкой запроса для планирования изменений.

Помогает дизайнерам и командам продукта представить визуальную концепцию бренда: связать логотип, цвета, типографику и примеры применения общей идеей. Подходит для выбора направления оформления и презентации образа бренда.

Помогает разработчикам создавать страницы, компоненты и веб-приложения с визуальным характером, подходящим задаче и аудитории. Скилл соединяет выбор оформления с реализацией работающего интерфейса.

Помогает автору задачи превратить описание новой возможности или исправления в материалы для обсуждения и последующей реализации. Учитывает существующий проект и выбранную схему OpenSpec.

Помогает авторам роликов HyperFrames направлять внимание зрителя крупным курсором и связывать щелчок с следующим действием сцены. Подходит для демонстраций интерфейса, запуска набора текста, превращений элементов и переходов между сценами.

Помогает маркетологам и продуктовым командам создавать, редактировать и оптимизировать изображения для статей, социальных сетей, сайтов и каталогов. Помогает выбрать между генерацией, дизайнерским шаблоном и оформлением настоящего снимка продукта.

Помогает продуктовым командам выявить барьеры для пользователей с инвалидностью и оценить соответствие WCAG. Предлагает приоритеты исправлений и материалы для обсуждения со заинтересованными сторонами.

Помогает авторам улучшить или сократить готовый научный текст, перевести его с китайского на английский и исправить вёрстку LaTeX. Сохраняет факты, терминологию и границы выводов, подтверждённых данными.

Помогает найти точное название эффекта движения в веб-интерфейсе, когда вы можете описать его, но не знаете термин. Подходит для подготовки запроса дизайнеру или AI-агенту.

Помогает разработчикам игр одновременно менять свойства множества объектов, выравнивать их и раскладывать по сетке или геометрической фигуре. Также подходит для обработки массивов, настроек и строк средствами Phaser.

Помогает разработчикам создавать и исправлять интерфейсы с учётом WCAG 2.2 и потребностей людей с инвалидностью. Подходит для навигации клавиатурой, программ чтения с экрана, доступных форм и мобильных интерфейсов.

Помогает разработчикам создавать, перерабатывать и оценивать веб-интерфейсы и интерфейсы iOS. Основой служат задачи продукта и его существующий дизайн; подходящие примеры UIZZE помогают разрешать конкретные визуальные вопросы.

Помогает пользователям oh-my-claudecode настроить панель OMC HUD в строке состояния Claude Code. Можно выбрать краткое отображение, основной набор сведений или подробную картину работы агентов.

Помогает маркетологам и продуктовым командам спланировать эксперимент: сформулировать гипотезу, выбрать варианты, метрики и объём выборки. Также направляет внедрение теста и разбор результатов с учётом пользы для бизнеса.

Помогает разработчикам проверить код интерфейса по Web Interface Guidelines от Vercel. Подходит для разбора доступности, дизайна и удобства использования сайта.

Помогает аналитикам и исследователям выбрать подходящий график и построить его на Python для отчёта, публикации или интерактивного просмотра. Учитывает читаемость, точность отображения и доступность.