Термос Беспалова
+7 909 561-04-99 СвязатьсяСвязаться
Скилл · Контент и медиа

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 в системные правила проекта. Скиллы не запускают код — это текстовые инструкции, которые меняют поведение модели.

Гайды 2026

Разобрано до шаблонов: три гайда по 490 ₽

Всё, что в статьях идёт по верхам, здесь собрано в PDF: пошаговые схемы, готовые промпты и шаблоны, которые можно взять и применить в тот же день.

Обложка гайда «Промпты, которые работают: система и 60 готовых шаблонов»

Промпты, которые работают: система и 60 готовых шаблонов

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

  • Формула промпта из семи элементов с разбором «плохо / хорошо»
  • Работа с контекстом и файлами: как кормить модель данными
  • Итерации: как дорабатывать ответ, а не начинать заново
  • Few-shot и цепочки промптов со схемами

PDF, 57 стр., A4

Посмотреть фрагмент (PDF)
Обложка гайда «Свой ИИ-агент за выходные: пошагово, с кодом и без»

Свой ИИ-агент за выходные: пошагово, с кодом и без

Три рабочих проекта, выбор платформы, безопасность, стоимость и тесты: от агента в конструкторе до Python-кода с MCP

  • Цикл агента и пять архитектур со схемами
  • Честный раздел «когда агент не нужен» и дерево решений
  • Сравнение платформ no-code и кода по девяти критериям
  • Три проекта пошагово: секретарь заявок, аналитик отчёта, агент на коде

PDF, 51 стр., A4

Посмотреть фрагмент (PDF)
Обложка гайда «Claude с нуля: от первого чата до скиллов и Claude Code»

Claude с нуля: от первого чата до скиллов и Claude Code

Модели, проекты, 18 сценариев с промптами, скиллы, MCP и Claude Code для тех, кто не пишет код

  • Как выбрать модель Claude по задаче (актуально на 25.09.2026)
  • Схема интерфейса и разбор возможностей: проекты, артефакты, поиск, память, рассуждение
  • Формула запроса и приёмы, которые работают именно у Claude
  • 18 рабочих сценариев с готовыми промптами: письма, договоры, презентации, таблицы, исследования

PDF, 42 стр., A4

Посмотреть фрагмент (PDF)

Есть и бесплатные гайды

Все гайды

Оплата на стороне платёжного сервиса. После оплаты вы вернётесь на сайт, и файл откроется сразу. Оплачивая, вы принимаете оферту.

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

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

Получить консультацию
Рядом на полке

Похожие скиллы

agent-transcript.md★ 379k Agent Transcript Прикладывает к пул-реквесту ход работы агента, а не только диф claude-codeagentgithub OpenClaw · MIT mcporter.md★ 379k Mcporter Все MCP-серверы под контролем из одного места: установка, статус, настройка claude-codemcpcli OpenClaw · MIT security-triage.md★ 379k Security Triage Разбирает поток уведомлений об уязвимостях по критичности claude-codesecuritytriage OpenClaw · MIT react18-legacy-context.md★ 246k React18 Legacy Context Замена устаревшего механизма передачи данных в React reactreact18react19 facebook · MIT react19-source-patterns.md★ 246k React19 Source Patterns Переезд на React 19: что сломается и чем заменить reactreact19migration facebook · MIT superpowers.md★ 232k Superpowers Мета-пак от obra: десятки скиллов разом, негласный стандарт сообщества obra
Дальше

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

Гайды

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

К каталогу гайдов
Вопросы

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

Что делает скилл 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. На этой странице ничего покупать не нужно — каталог часть моего раздела «Обучение».

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

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

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

Пн–Вс, 10:00–20:00. Отвечаю лично.