Skills/Извлечение дизайн-системы с сайта

Извлечение дизайн-системы с сайта

15 мая 2026

Вытаскивает с публичного сайта базовые элементы дизайна — цвета, шрифты, отступы, радиусы — и генерирует стартовые файлы токенов для вашего проекта.

Описание

ДизайнБесплатно

Вытаскивает с публичного сайта базовые элементы дизайна — цвета, шрифты, отступы, радиусы — и генерирует стартовые файлы токенов для вашего проекта.

Название
Извлечение дизайн-системы с сайта
Категория
Дизайн
Что умеет
  • собирает цвета и типографику
  • извлекает отступы и радиусы
  • генерирует файлы токенов
  • даёт основу для своей темы
Источник
arvindrk/extract-design-system
Где работает
Claude Code и другие агенты, которые читают .claude/skillsКак устроены навыки
Куда ставить
Навык работает только в текущем проекте.
Как установить
  1. 1Скопируйте команду из блока «Установка» ниже и выполните её в терминале.
  2. 2Навык появится в папке .claude/skills/extract-design-system/
  3. 3Откройте новую сессию Claude Code — навык подхватится автоматически.

Что внутри

npx degit arvindrk/extract-design-system/skills/extract-design-system .claude/skills/extract-design-system
.claude/skills/
└── extract-design-system/
    └── SKILL.md

Действия

Открыть на GitHubДокументация
НазадДизайн в стиле AppleДалееАрхитектурные диаграммы (archify)
.claude/skills/extract-design-system/SKILL.md
  1. 1---
  2. 2name: extract-design-system
  3. 3description: Вытаскивает с публичного сайта базовые элементы дизайна — цвета, шрифты, отступы, радиусы — и генерирует стартовые файлы токенов для вашего проекта.
  4. 4---
  5. 5​
  6. 6# Извлечение дизайн-системы с сайта
  7. 7​
  8. 8Вытаскивает с публичного сайта базовые элементы дизайна — цвета, шрифты, отступы, радиусы — и генерирует стартовые файлы токенов для вашего проекта.
  9. 9​
  10. 10## Что делает
  11. 11​
  12. 12- Собирает цвета и типографику
  13. 13- Извлекает отступы и радиусы
  14. 14- Генерирует файлы токенов
  15. 15- Даёт основу для своей темы
  16. 16​
  17. 17## Где работает
  18. 18​
  19. 19Claude Code и другие агенты, которые читают .claude/skills.
  20. 20​
  21. 21## Установка
  22. 22​
  23. 231. Выполните: npx degit arvindrk/extract-design-system/skills/extract-design-system .claude/skills/extract-design-system
  24. 242. Откройте новую сессию Claude Code — навык подхватится сам.