·frontend-design-system
</>

frontend-design-system

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

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

Установка

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

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

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

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

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

프로덕션 수준의 UI 디자인을 위한 스킬입니다. 명확한 디자인 토큰, 레이아웃 규칙, 모션 가이드라인, 접근성 체크를 통해 일관되고 확장 가능한 프론트엔드 개발을 지원합니다.

Issue: UI feels generic Cause: 시각적 방향이나 토큰 없음 Solution: 스타일 레퍼런스와 팔레트 제공

Issue: Layout breaks on mobile Cause: 반응형 그리드 규칙 없음 Solution: 브레이크포인트와 스태킹 동작 정의

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

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

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

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

Browse more skills from supercent-io/skills-template

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

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

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

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

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

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

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