·design-system
*

design-system

Создавайте проекты пользовательского интерфейса промышленного уровня, используя четкие маркеры дизайна, правила макета, руководство по перемещению и проверки доступности для последовательной и масштабируемой разработки внешнего интерфейса.

2.8KУстановки·22Тренд·@supercent-io

Установка

$npx skills add https://github.com/supercent-io/skills-template --skill design-system

Как установить design-system

Быстро установите AI-навык design-system в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/supercent-io/skills-template --skill design-system
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: supercent-io/skills-template.

This is a skill for production-grade UI design. It supports consistent and scalable frontend development through clear design tokens, layout rules, motion guidelines, and accessibility checks.

Issue: UI feels generic Cause: No visual direction or tokens Solution: Provide style references and palette

Issue: Layout breaks on mobile Cause: No responsive grid rules Solution: Define breakpoints and stacking behavior

Создавайте проекты пользовательского интерфейса промышленного уровня, используя четкие маркеры дизайна, правила макета, руководство по перемещению и проверки доступности для последовательной и масштабируемой разработки внешнего интерфейса. Источник: supercent-io/skills-template.

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/supercent-io/skills-template --skill design-system
Категория
*Креатив
Проверено
Впервые замечено
2026-03-07
Обновлено
2026-03-10

Browse more skills from supercent-io/skills-template

Короткие ответы

Что такое design-system?

Создавайте проекты пользовательского интерфейса промышленного уровня, используя четкие маркеры дизайна, правила макета, руководство по перемещению и проверки доступности для последовательной и масштабируемой разработки внешнего интерфейса. Источник: supercent-io/skills-template.

Как установить design-system?

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/supercent-io/skills-template --skill design-system После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

https://github.com/supercent-io/skills-template