·carbon-design-system
{}

carbon-design-system

dodatech/approved-skillsGitHub: dodatech/approved-skillsИсточник: dodatech/approved-skills

Создавайте пользовательские интерфейсы с помощью системы IBM Carbon Design. Используйте, когда пользователь запрашивает интерфейсы в стиле Carbon, информационные панели в стиле IBM, корпоративные пользовательские интерфейсы в соответствии с соглашениями Carbon или явно упоминает Carbon, дизайн IBM или @carbon/react. Охватывает использование компонентов, маркеры дизайна (цвет, типографика, интервалы, движение), темы (белый, серый 10, серый 90, серый 100), макет сетки и доступность. Поддерживает как вывод артефактов/HTML (на основе CDN), так и полный вывод проекта React (@carbon/react). Триггеры включают «Углерод», «Систему проектирования IBM», «Панель управления предприятия», «@carbon/react», «Углеродные компоненты» или запросы на профессиональные интерфейсы в стиле IBM.

cached·dodatech·carbon·design·system
0Установки·0Тренд·@dodatech

Установка

GitHub: dodatech/approved-skills
$npx skills add https://github.com/dodatech/approved-skills --skill carbon-design-system

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

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

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

Источник: dodatech/approved-skills.

SKILL.md

Показать raw

Build UIs conforming to IBM's Carbon Design System v11. Carbon provides a token-based, accessible, enterprise-grade component library.

Apply Carbon classes to HTML elements. See references/html-classes.md.

@carbon/react is not in Claude's default artifact environment. For React artifacts, load the CDN CSS above and apply Carbon class names to standard HTML/JSX elements. The visual output is identical.

Создавайте пользовательские интерфейсы с помощью системы IBM Carbon Design. Используйте, когда пользователь запрашивает интерфейсы в стиле Carbon, информационные панели в стиле IBM, корпоративные пользовательские интерфейсы в соответствии с соглашениями Carbon или явно упоминает Carbon, дизайн IBM или @carbon/react. Охватывает использование компонентов, маркеры дизайна (цвет, типографика, интервалы, движение), темы (белый, серый 10, серый 90, серый 100), макет сетки и доступность. Поддерживает как вывод артефактов/HTML (на основе CDN), так и полный вывод проекта React (@carbon/react). Триггеры включают «Углерод», «Систему проектирования IBM», «Панель управления предприятия», «@carbon/react», «Углеродные компоненты» или запросы на профессиональные интерфейсы в стиле IBM. Источник: dodatech/approved-skills.

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

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

Команда установки
npx skills add https://github.com/dodatech/approved-skills --skill carbon-design-system
Источник
dodatech/approved-skills
Категория
{}Аналитика
Проверено
—
Впервые замечено
2026-02-25
Обновлено
2026-03-10
URL
https://www.learn-skills.dev/ru/skills/dodatech/approved-skills/carbon-design-system

Browse more skills from dodatech/approved-skills

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

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

Создавайте пользовательские интерфейсы с помощью системы IBM Carbon Design. Используйте, когда пользователь запрашивает интерфейсы в стиле Carbon, информационные панели в стиле IBM, корпоративные пользовательские интерфейсы в соответствии с соглашениями Carbon или явно упоминает Carbon, дизайн IBM или @carbon/react. Охватывает использование компонентов, маркеры дизайна (цвет, типографика, интервалы, движение), темы (белый, серый 10, серый 90, серый 100), макет сетки и доступность. Поддерживает как вывод артефактов/HTML (на основе CDN), так и полный вывод проекта React (@carbon/react). Триггеры включают «Углерод», «Систему проектирования IBM», «Панель управления предприятия», «@carbon/react», «Углеродные компоненты» или запросы на профессиональные интерфейсы в стиле IBM. Источник: dodatech/approved-skills.

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

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

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

https://github.com/dodatech/approved-skills

Детали

Категория
{}Аналитика
Источник
user
Впервые замечено
2026-02-25

Похожие навыки

playwright-local
27 Установки
tremor-design-system
15 Установки
fluent2-design-system
7 Установки
design-consistency-auditor
5 Установки
copy-editing
4 Установки
deep-debug
4 Установки