ui-handler
Безопасно 78Создание UI с Shadcn и 21st.dev
от AayushBaniya2006
Frontend-командам нужны согласованные UI-компоненты и секции страниц. Этот навык помогает Claude, Codex и Claude Code использовать Shadcn MCP и 21st.dev MCP.
Соберите любимые навыки в переиспользуемую коллекцию и установите её одной командой.
Создание UI с Shadcn и 21st.dev
от AayushBaniya2006
Frontend-командам нужны согласованные UI-компоненты и секции страниц. Этот навык помогает Claude, Codex и Claude Code использовать Shadcn MCP и 21st.dev MCP.
Применение тем shadcn из tweakcn
от AayushBaniya2006
Команды теряют время, переводя выбор темы в воспроизводимые команды shadcn. Этот skill использует справочные материалы tweakcn, чтобы выбрать тему и провести установку.
Генерация прозрачных логотипов бренда
от AayushBaniya2006
Создание отполированных логотипов часто требует нескольких этапов дизайна и очистки. Этот навык генерирует логотип с помощью Replicate, удаляет фон и сохраняет прозрачный PNG.
Генерация веб-ресурсов с Replicate
от AayushBaniya2006
Создание согласованных изображений для сайта может замедлять работу над компонентами. Этот skill генерирует, оптимизирует и сохраняет WebP-ресурсы с помощью Replicate и Sharp.
Генерация AI-ассетов для продукта
от AayushBaniya2006
Командам нужны согласованные визуальные ассеты для продуктовых страниц, документации и маркетинговых экранов. Этот навык помогает с генерацией DALL-E и сохраняет файлы в папках ассетов проекта.
Оптимизация конверсии лендинга для инфлюенсеров
от aaron-he-zhu
Трафик от инфлюенсеров часто уходит, когда лендинги не соответствуют сообщениям автора или не упрощают предложение. Этот навык проверяет согласованность сообщений и формирует приоритизированный план повышения конверсии и тестирования.
Создание адаптивного HTML для электронных писем
от aaron-he-zhu
Макеты электронных писем часто отображаются некорректно в разных почтовых клиентах, тёмном режиме и при заблокированных изображениях. Этот навык создаёт надёжный HTML и документирует риски, характерные для конкретных клиентов.
Создание визуальных брифов для обучения
от 92Bilal26
Промпты для образовательных изображений часто создают типовые схемы, которые не попадают в цель урока. Этот навык превращает контекст урока в сфокусированные креативные брифы для визуальных материалов, подходящих уровню учащихся.
Оценивайте UX-компоненты с помощью структурированных ревью
от 92Bilal26
Командам нужна последовательная UX-обратная связь перед изменением компонентов интерфейса. Этот навык применяет трехчастную методику для оценки положения, визуального веса и отступов.
Создание учебных визуальных материалов с Gemini
от 92Bilal26
Командам курсов нужны единообразные визуальные материалы, которые быстро объясняют концепции. Этот навык превращает творческие брифы в рабочие процессы генерации изображений в Gemini с контрольными критериями качества и организацией файлов.
Аудит веб-доступности на соответствие WCAG
от 89jobrien
Пробелы в доступности могут блокировать пользователей и создавать риски несоответствия требованиям. Этот навык помогает проводить аудиты WCAG, проверки со скринридерами, тестирование с клавиатуры и планирование исправлений.
Create Music-Synchronized Educational Videos
от immurray
Educational short videos require research, clear animation, and careful music timing. This skill coordinates agent work and local tools to produce narration-free vertical videos.
Convert Markdown to WeChat Article HTML
от dontbesilent2025
Markdown articles can lose formatting when pasted into the WeChat editor. This skill guides HTML generation with inline styles and local previews for manual publishing.
Build and Refine Interfaces with Uizze
от uizze
Interface changes can lose visual consistency or disrupt existing workflows. This skill guides implementation from visual targets and project conventions, with optional Uizze resources and explicit verification.
Create Narrated Hand-Drawn Explainer Videos
от threerocks
Turning articles into clear animated explanations requires coordinated narration, visuals, and timing. This skill plans scenes and renders hand-drawn videos around a verified continuous narration track.
Capture Web Pages with CurlShot
от sergiupogor
Creating consistent web captures across devices and formats requires repeated setup. This skill guides Claude and Codex through CurlShot requests for screenshots, PDFs, and scrolling videos.
Create Technical Drawings With Editable Exports
от jakubkrehel
Technical illustrations can lose consistency when views, annotations, and exports are created separately. This skill builds shared geometry and packages a local viewer with coordinated downloads.
Review SaaS Conversion, Onboarding, and Pricing
от heliocosta-dev
SaaS teams lose users when interfaces obscure value or create unnecessary effort. This sourced playbook guides design reviews across acquisition, activation, retention, and monetization.
Create HTML Prototypes, Slides, and Animations
от alchaincyf
Visual briefs need clear direction, consistent assets, and practical export options. Huashu Design guides three visual drafts, HTML implementation, local verification, and optional presentation or video exports.
Создание функций FigJam Plugin
от 7nohe
Изменения в плагине FigJam могут завершаться ошибкой, когда смешиваются API основного потока и UI. Этот навык помогает Claude, Codex и Claude Code разобраться в структуре проекта, процессе сборки и рабочем процессе импорта.