iiuniversitet.ruЦентр обучения нейросетямОткрыть каталог

Дизайн-система

Собирает библиотеку UI-компонентов и токенов.

СкиллРазработано в iiuniversitetCodexНаш материалНужен терминалПроверка не требуется
Скачать архив
Что делает
Собирает библиотеку UI-компонентов и токенов.
Когда брать
Когда вы просите: «вынеси компоненты в UI-kit» или «дизайн-система».
Пример запроса
$design-system вынеси компоненты в UI-kit

Как включить

  1. Скачайте архив и распакуйте его.
  2. Положите папку design-system в ~/.agents/skills/.
  3. Вызовите скилл командой $design-system или найдите его через /skills.

Текст

---
name: design-system
description: "Собирает библиотеку UI-компонентов и токенов. Используй, когда пользователь просит: «вынеси компоненты в UI-kit» или «дизайн-система». Не используй для задач вне этой темы."
---

Дизайн-система

Собирает библиотеку UI-компонентов и токенов.

Перед началом

Прочитай AGENTS.md и README, определи стек, команды сборки и тестов. Работай в текущей ветке, не трогай несвязанные файлы.

Порядок работы

  1. Выделить токены.
  2. Собрать базовые компоненты.
  3. Документировать в Storybook.
  4. Заменить дубли в коде.
  5. Проверь результат по правилам ниже и кратко опиши, что сделано.

Формат результата

UI-kit + Storybook.

Правила

  • Используй существующие компоненты и токены проекта.
  • Проверяй вёрстку на мобильной ширине.
  • Не добавляй новые зависимости без необходимости.

Пример вызова

$design-system вынеси компоненты в UI-kit

Разработано в iiuniversitet — https://iiuniversitet.ru/?utm_source=bonus&utm_medium=skill&utm_campaign=katalog&utm_content=design-system

Автор: iiuniversitet. Каталог скиллов iiuniversitet.

Похожие