Скилл · Контент и медиа

Design System — работа с дизайн-системой

Работа по вашей дизайн-системе: компоненты, цвета, правила.

Файл design-system.md ★ 207k у репозитория Лицензия MIT

О скилле

Что делает

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

Источник

Откуда скилл и как поставить

Автор и репозиторий

Автор — Affaan M. Репозиторий собрал 207k звёзд на GitHub. Распространяется под лицензией MIT. Файл design-system.md открыт: прочитать его можно до установки.

Открыть репозиторий

Установка в Claude Code

Склонируйте репозиторий в ~/.claude/skills/ и перезапустите Claude Code — скилл подхватится сам. Дальше просто попросите ассистента использовать «Design System — работа с дизайн-системой».

Cursor и другие редакторы

Скопируйте содержимое SKILL.md в системные правила проекта. Скиллы не запускают код — это текстовые инструкции, которые меняют поведение модели.

Хотите внедрить, но некогда разбираться?

Подберу скиллы под вашу задачу, поставлю и покажу на живом примере — быстрее, чем читать документацию.

Получить консультацию

Рядом на полке

Куда идти дальше

Категория «Контент и медиа»

Тексты, посты, сценарии, презентации, картинки и видео.

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

Словарь терминов

Промпт, токен, MCP, агент — 44 понятия простыми словами, если что-то на этой странице звучит незнакомо.

Открыть словарь

Гайды

Пошаговые разборы: от первого промпта до своих агентов и автоматизации.

К каталогу гайдов

Вопросы

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

Что делает скилл Design System — работа с дизайн-системой?

Работа по вашей дизайн-системе: компоненты, цвета, правила. Это Agent Skill — текстовое расширение для Claude Code и Cursor: подключается файлом SKILL.md и меняет поведение ассистента, кода внутри нет. Темы скилла: универсальный.

Как установить Design System — работа с дизайн-системой?

Склонируйте репозиторий автора в папку скиллов: git clone https://github.com/affaan-m/ECC/tree/main/skills/design-system ~/.claude/skills/design-system — и перезапустите Claude Code, он подхватит скилл сам. В Cursor и похожих редакторах скопируйте содержимое SKILL.md в правила проекта. Перед установкой файл стоит прочитать: это обычный текст.

Это бесплатно?

Да. Скилл «Design System — работа с дизайн-системой» открыт: автор — Affaan M, скачивается из официального репозитория без регистрации. Распространяется под лицензией MIT. На этой странице ничего покупать не нужно — каталог часть моего раздела «Обучение».

Нужен такой результат в вашей работе?

Напишите, чем занимаетесь, — скажу, закроет ли задачу этот скилл или собрать решение под вас.