design.mdПубличный

Design

Универсальный дизайн-скил для всего цикла: от концепции и информационной архитектуры до финального UI и визуальных решений.

О скиле

Универсальный дизайн-скил для всего цикла: от концепции и информационной архитектуры до финального UI и визуальных решений. Охватывает принципы иерархии, typography, color theory, UX-паттерны и компонентную структуру. Claude работает как дизайн-консультант с обоснованием каждого решения. Если вы разработчик без дизайн-опыта — получаете профессиональные обоснованные решения. Если дизайнер — используете для быстрого прототипирования и проверки идей.

Об источнике

Автор скила — Yeachan Heo. Репозиторий проекта собрал 30k звёзд на GitHub. Открыть репозиторий.

Как установить

  1. Открой папку скилов Claude Code: open ~/.claude/skills/

  2. Склонируй репозиторий: git clone https://github.com/Yeachan-Heo/oh-my-codex.git ~/.claude/skills/design-src

  3. Скопируй конкретно этот скил в свою папку: ссылка на источник в карточке — внутри репо это поддиректория /design/. Скопируй её в ~/.claude/skills/design/.

  4. Перезагрузи Claude Code — скил подхватится автоматически.

  5. Активируй в чате: Use design skill.

Установка

Не уверены, куда положить .md-файл? как установить скилл в Claude Code — пошаговый гайд.

telegram

Разбираю скилы вроде этого и близкие по теме «Документация»: где брать, как собирать и применять их на практике.

  • бесплатно
  • то, чем сам пользуюсь
  • новые скилы и разборы каждую неделю
Подписаться в Telegram
// продолжай по той же профессии или категории
// как применять скилы Claude Code на практике
Непонятные термины? Загляни в «Понятия» — словарь ИИ

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

Что такое скил «Design»?
«Design» — готовый Agent Skill для Claude Code и Cursor. Это .md-файл с системным промптом, который подключается одним файлом и расширяет возможности AI-редактора в задачах Вайбкодинг. Категория инструмента: Документация, Разработка. Чаще всего пригождается профессиям: Дизайн и UX/UI, Продакт-менеджмент, Разработка и программирование. Ключевые темы скила: type:skill.
Как установить скил «Design» в Claude Code?
Скачайте .md-файл скила «Design» на этой странице и положите его в папку ~/.claude/skills/ вашего проекта. Перезапустите Claude Code — скил подхватится автоматически. Для Cursor и Windsurf скопируйте содержимое .md-файла в системный промпт проекта (Settings → Rules). Исходный код скила открыт в репозитории github.com/Yeachan-Heo/oh-my-codex/tree/main/plugins/oh-my-codex/skills/design.
Бесплатен ли скил «Design»?
Да, скил «Design» доступен бесплатно для всех пользователей без регистрации — скачайте .md-файл прямо на этой странице. Автор скила — Yeachan Heo.

Больше вопросов про Agent Skills — общий FAQ маркетплейса