Claude Code · Codex · Cursor · OpenCode

Дизайн-skills для Claude Code, Codex и вашего агента.

138 открытых навыков для PPT и презентаций, frontend и UI дизайна, брендовых систем, моушн-дизайна и дизайн-ревью — каталогизированы из реальных файлов SKILL.md. Начните с названия навыка или с задачи, которую нужно выполнить.

Скачать OpenDesign Посмотреть все 138 skills

Знаете задачу, но не название skill? Отфильтруйте каталог по задаче

anthropics/skills01

--- name: frontend-design description: Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults. --- # Frontend Design Approach this as the design lead at a design studio known for giving every client a distinct visual identity that is not mistaken for anyone else's. This client has already rejected proposals that felt cliché or templated, and is paying for a distinctive point of view: make deliberate, opinionated choices about palette, typography, and layout that are specific to this brief, and take aesthetic risk …

nextlevelbuilder/ui-ux-pro-max-skill02

--- name: ui-ux-pro-max description: UI/UX design intelligence for web, mobile, and desktop. This skill should be used when designing, building, reviewing, or fixing interfaces, including pages, components, design systems, accessibility, … ---

pbakaus/impeccable03

--- name: impeccable description: Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, … ---

Шапка из исходных файлов SKILL.md · frontend-design, ui-ux-pro-max, impeccableСнимок от 2026-09-14

Skills

138 для Claude Code & CodexПрочитано из реальных файлов SKILL.md, а не из списков директорий

Sources

34 открытых репозиторияКаждая запись ссылается на исходный файл

Licenses

MIT · Apache-2.0 · ещё 3Проверено на уровне файла или репозитория, показано на каждой карточке

Последняя проверка

2026-09-14Источники, лицензии и звёзды репозиториев проверены на эту дату

01 Все skills

Все 138 дизайн-skills, по задачам.

PPT и презентации, frontend и UI, мобильные приложения, брендовые системы, моушн и видео, дизайн-ревью. Каждая карточка ссылается на SKILL.md навыка.

Подходящие навыки не найдены.

02 Как выбрать и запустить

Как выбрать design skill и запустить его в Claude Code или Codex.

Выбирайте по задаче и выходному формату, проверьте требования skill, затем установите его в вашем агенте и выполните одну реальную задачу. Те же три шага работают в Claude Code, Codex, Cursor и OpenCode.

1
Выбирайте задачу, а не название skill
Фильтруйте по тому, что вам нужно сделать — лендинг, презентацию, брендовую систему, ревью. Сравните краткое описание и тип результата, прежде чем сравнивать звёзды.
ПроверьтеДва-три кандидата, чьи выходные файлы соответствуют тому, что вам действительно нужно.
Каталог · с фильтром по задаче01

Motion & Video 27

gsap-scrolltrigger
Прокрутка с анимацией через ScrollTrigger: закрепление, scrub, триггеры, параллакс.
Motion & VideoUI code15 248 repo stars
animate
Создаёт анимацию с нуля, последовательно определяя назначение, инструмент, свойства, кривую и длительность.
Motion & VideoUI code37 516 repo stars
2
Проверьте требования skill
Откройте источник и прочтите требования. Некоторые skills работают только с конкретным инструментом, таким как Google Stitch, HyperFrames или GSAP; другим нужен сервис генерации изображений. Каталог указывает это в разделе Needs, если SKILL.md содержит такие данные.
ПроверьтеЧто инструмент или сервис, указанный в skill, доступен в вашем проекте, прежде чем устанавливать его.
greensock/gsap-skills · SKILL.md02

gsap-scrolltrigger

Прокрутка с анимацией через ScrollTrigger: закрепление, scrub, триггеры, параллакс.

Needs: GSAP в проекте

--- name: gsap-scrolltrigger description: Official GSAP skill for ScrollTrigger — scroll-linked animations, pinning, scrub, triggers. Use when building or recommending scroll-based animation, parallax, pinned sections, or when the user asks … ---
3
Установите его в вашем агенте и выполните одну реальную задачу
Установите skill так, как документирует его автор — для большинства репозиториев это одна команда npx skills add, — затем выполните одну реальную задачу с вашим собственным контентом в Claude Code, Codex или вашем агенте. Скопировать команду — это ещё не успешная установка, пока агент не распознает и не использует skill.
ПроверьтеЧто агент перечисляет skill по имени и его выход изменяется, когда вы его вызываете.
Терминал03
```
$ npx skills add https://github.com/greensock/gsap-skills --skill gsap-scrolltrigger
✓ gsap-scrolltrigger added for 1 agent
$ claude
› /gsap-scrolltrigger  pin the hero and scrub the timeline on scroll…
```
Иллюстративная сессия · шаги установки и вывод различаются в зависимости от агента

03 Запуск в OpenDesign

38 из этих skills встроены в OpenDesign. Остальные можно импортировать по ссылке.

OpenDesign читает тот же формат SKILL.md, что использует Claude Code, поэтому любой skill из этого каталога работает в нём — с Claude Code, Codex, Cursor или OpenCode в качестве движка.

38
Уже встроены
frontend-design, ui-ux-pro-max, impeccable, guizang-ppt-skill, восемь скиллов GSAP и другие находятся в Plugins → Skills после установки. В каталоге они отмечены тегом In OpenDesign.
↗
Импортируйте любой другой skill по ссылке
Plugins → Add → Skill → Import from link, вставьте GitHub-ссылку на папку skill — ту же ссылку, что указана в Source на каждой карточке — и он окажется в ваших персональных skills. Локальная папка тоже подойдёт.
›_
Работает с агентом, который вы уже используете
Выберите skill в верхней панели, и его SKILL.md будет добавлен в промпт вместе с вашим DESIGN.md. Claude Code, Codex, Cursor или OpenCode выполняют работу; превью и экспорты — от OpenDesign.

OpenDesign

Запускайте дизайн-скиллы с агентами для кода, которые вы уже используете.

OpenDesign — это open-source, local-first дизайн-пространство. Оно превращает агентов для кода в дизайн-движок для прототипов, веб-страниц, слайдов и HTML-видео — реальные запускаемые файлы на вашей машине с вашими ключами.

Скачать OpenDesign Прочитать краткое руководство

Скиллы в этом каталоге — независимые проекты с открытым кодом. 38 входят в OpenDesign; остальные импортируются по ссылке на репозиторий. Собственное руководство каждого скилла сохраняет силу.

Написанная маслом деревня на склоне холма над синей бухтой — в живописной манере, принятой по всему сайту OpenDesign

Дизайн-skills для Claude Code, Codex и вашего агента.

Все 138 дизайн-skills, по задачам.

Как выбрать design skill и запустить его в Claude Code или Codex.

Выбирайте задачу, а не название skill

Проверьте требования skill

Установите его в вашем агенте и выполните одну реальную задачу

38 из этих skills встроены в OpenDesign. Остальные можно импортировать по ссылке.

Уже встроены

Импортируйте любой другой skill по ссылке

Работает с агентом, который вы уже используете

Запускайте дизайн-скиллы с агентами для кода, которые вы уже используете.