>ИИ-офисМаркетплейс скилов
Все скилыНаборыПрофессииКатегорииFAQ
@openai_ruВойти
Все скилыНаборыПрофессииКатегорииFAQ
telegram

Сборник материалов про вайбкодинг и нейросети — где брать скилы, как собирать и применять их на практике.

  • бесплатно
  • то, чем сам пользуюсь
  • новые скилы и разборы каждую неделю
Подписаться в Telegram

Категории скилов

  • Разработка
  • Инструменты
  • Бизнес
  • Контент и медиа
  • Данные и ИИ
  • Тестирование и безопасность
  • DevOps
  • Документация

Скилы по профессии

  • Разработка и программирование
  • Операционка и автоматизация
  • Маркетинг и контент
  • Продакт-менеджмент
  • Дата-сайенс и ML
  • Дизайн и UX/UI
  • Тестирование и QA
  • Креатив (видео, фото, презентации)

Маркетплейс

  • Все скилы
  • Все скилы списком
  • Наборы
  • Гайды по AI
  • Понятия: словарь ИИ
  • Профессии
  • Категории
  • Направления
  • FAQ

Telegram

  • Канал про вайбкодинг и нейросети
  • Войти в портал

Контакт и правовое

  • Написать в Telegram
  • Политика конфиденциальности
© ИИ-офис 2026
// Маркетплейс скилов для Claude Code@openai_ru
  1. Маркетплейс
  2. /
  3. Профессии
  4. /
  5. Дизайн и UX/UI
$pwd:~/профессии/Дизайн и UX/UI
skills --listready
// Профессия

Дизайн и UX/UI

164 скила

Скилы для дизайнеров и UX/UI-специалистов: проектирование интерфейсов, работа с цветами и типографикой, написание UX-текстов, создание дизайн-систем. Помогают дизайнерам ускорить работу с Claude Code и Cursor при создании и документировании интерфейсов.

Это каталог: все скилы профессии карточками, с описанием и установкой. Если нужен разбор — какой скил под какую задачу брать, — он лежит в хабе дизайн-скилы Claude Code: разбор UI/UX Pro Max, frontend-design и Taste с выбором под задачу. Универсальный стартовый набор под любую работу собран в обзоре лучшие скилы для Claude.

>find
Найдено: 164 скила
ui-to-vue.md
220k

ui-to-vue

Конвертация дизайна в компоненты Vue

Affaan M (ECC)

vuefigmafrontend
ios-icon-gen.md
220k

ios-icon-gen

Генерация иконок iOS из SF Symbols

Affaan M (ECC)

iosiconsxcode
react-performance.md
220k

react-performance

Оптимизация React и Next.js по стандартам Vercel

affaan-m

reactnextjsperformance
vue-patterns.md
220k

vue-patterns

Vue 3 Composition API, Pinia, Nuxt, Vue Router

Affaan M.

claude-codevuevuejs
motion-patterns.md
220k

motion-patterns

Анимации компонентов: модалы, тосты, переходы

Affaan M.

claude-codeanimationmotion
motion-ui.md
220k

motion-ui

Готовая UI-система анимации для React/Next.js

Affaan M.

claude-codeanimationmotion
motion-foundations.md
218k

motion-foundations

Базовый слой анимации для React и Next.js

Affaan M.

claude-codeanimationmotion
swiftui-patterns.md
218k

swiftui-patterns

Паттерны SwiftUI для чистого iOS кода

affaan-m

swiftuiiosmvvm
frontend-a11y.md
217k

frontend-a11y

Доступность интерфейсов: ARIA и семантика

affaan-m

claude-codeaccessibilitya11y
liquid-glass-design.md
207k

liquid-glass-design — стиль liquid glass

Современный визуал в стиле Apple liquid glass

Affaan M

СкилClaude Code
design-system.md
207k

design-system — работа с дизайн-системой

Поддержка дизайн-системы в проекте

Affaan M

СкилClaude Code
frontend-design-direction.md
207k

frontend-design-direction

Дизайн-направление для продуктового UI

Affaan M

Скил
Полный список: 164 скила — дизайн и ux/ui▶
  • Liquid Glass Design — стиль liquid glass
  • Design System — работа с дизайн-системой
  • UI UX Pro Max Skill
  • Web Design Guidelines
  • React View Transitions
  • React Best Practices
  • Open Design
  • Дизайнер премиум сайтов
  • Frontend Design Skill — премиум-интерфейсы в Claude Code
  • Frontend UI UX
  • Design Guide
  • Design Is
  • Claude Design
  • Design Md
  • Design
  • Frontend UI Engineering
  • Ckmbanner Design
  • Frontend Design Direction
  • Frontend Slides
  • Design Critique
  • Design Handoff
  • Web Artifacts Builder
  • Game Studio Skills
  • Taste Skill — вкус дизайнера для AI в Claude Code
  • Frontend Mobile Development
  • Accessibility Compliance
  • Baoyu Diagram
  • Baoyu Image Gen
  • Baoyu Infographic
  • Baoyu Compress Image
  • Prompt Master
  • Architecture Diagram
  • Openmontage
  • Hallmark
  • Excalidraw Skill
  • Stitch Skills
  • Nothing Design Skill
  • Huashu Design
  • Garden Skills
  • Generative Media Skills
  • Obsidian Visual Skills
  • Performance
  • Design System Patterns
  • KPI Dashboard Design
  • Interaction Design
  • Mobile iOS Design
  • Mobile Android Design
  • Salesforce Component Standards
  • UI to Vue
  • iOS Icon Gen
  • UX Designer
  • Figma Design React
  • Figma Design Omni
  • UX Writing Assistant
  • Figma Design Extraction
  • Design Figma Screenhand
  • UI Design
  • Email Marketing Template
  • Resume Modern
  • Color Expert
  • Shadcn UI
  • Swiftui Design
  • Accessibility Audit
  • Figma Generate Design
  • Figma Implement Design
  • D3 Visualization
  • Design Review
  • Design Brief
  • Styleseed
  • Astro Framework
  • Accessibility WCAG
  • Figma Plugin
  • AR VR Xr
  • Brand Identity
  • React Performance
  • React Native Design
  • React Flow Architect
  • UI UX Designer
  • Product Design
  • UI UX Design Pro
  • React Native Unistyles
  • React Native Ease Refactor
  • Swiftui Patterns
  • Mobile App
  • Flutter Animating Apps
  • Stable Diffusion Image Generation
  • Three JS
  • Framer Motion
  • Vue Expert
  • Storybook Component Documentation
  • Gsap Core
  • Gsap Scrolltrigger
  • Gsap Timeline
  • Gsap React
  • Gsap Plugins
  • Gsap Performance
  • Threejs Animation
  • Threejs Fundamentals
  • Threejs Shaders
  • Threejs Geometry
  • Threejs Materials
  • Threejs Lighting
  • Threejs Postprocessing
  • Tailwind V4 Shadcn
  • React Three Fiber
  • Threejs Loaders
  • Cro
  • Hooked UX
  • Influence Psychology
  • Design Sprint
  • Refactoring UI
  • UX Heuristics
  • Site Architecture
  • Continuous Discovery
  • Cro Methodology
  • Design Everyday Things
  • High Perf Browser
  • iOS Hig Design
  • Lean UX
  • Microinteractions
  • Steve Jobs Design Review
  • Top Design
  • Web Typography
  • Frontend A11y
  • AI Designer Portfolio
  • Codenest Coding Platform
  • Design HTML
  • Design Consultation
  • UI Design Styling
  • Frontend AI Guide
  • Apple Hig
  • Brandkit
  • Emilkowalski Motion
  • Fal Generate
  • Fal Image Edit
  • Figma Use
  • Figma Code Connect
  • Figma Design System Rules
  • Frame Liquid Bg Hero
  • Sora
  • Venice Image Generate
  • Deck Open Slide
  • Image to Code
  • Poster Hero
  • Bento Grid
  • Testimonial Card
  • Gradient Hero
  • Vue Patterns
  • Motion Foundations
  • Motion Patterns
  • Motion UI
  • Fal 3D
  • Fal Tryon
  • Imagegen
  • Hand Drawn Diagrams
  • Login Flow
  • Social Reddit Card
  • Shader Dev
  • Image Enhancer
  • Mockup Device 3D
  • GIF Sticker Maker
  • Imagegen Frontend Web
  • Imagegen Frontend Mobile
  • Paywall Upgrade Cro

Частые вопросы

Как дизайнер использует Claude Code — без кода?
▶
Дизайнеры используют Claude Code для генерации CSS-стилей и Tailwind-классов по описанию, написания UX-текстов и микрокопи, документирования дизайн-решений, создания спецификаций компонентов. Знание кода не обязательно — скилы адаптируют Claude под нетехнические задачи.
Есть ли скилы для создания дизайн-систем?
▶
Да. Скилы для дизайн-систем помогают Claude документировать токены, описывать компоненты в формате Figma Variants, создавать Storybook-документацию. Работают в паре со скилами из категории Документация.
Как скил frontend-design помогает с вёрсткой?
▶
Скил frontend-design задаёт Claude стандарты премиум-вёрстки: правильный отступы по шкале, семантические теги, доступность, адаптивность. Claude Code начинает верстать компоненты с правильной иерархией и структурой, не просто копируя Tailwind-классы из примеров.

Или по категории

Скилы и скиллы Claude Code для «Дизайн и UX/UI»: готовые навыки (.md-расширения) для Claude и Cursor — устанавливаются в один шаг.

  • Инструменты
  • Бизнес
  • Разработка
  • Тестирование и безопасность
  • Данные и ИИ
  • DevOps
  • Документация
  • Контент и медиа
  • Исследования
  • Lifestyle
  • Базы данных
  • Блокчейн