·carbon-design-system
{}

carbon-design-system

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

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

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

Установка

GitHub: fefogarcia/approved-skills
$npx skills add https://github.com/fefogarcia/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/fefogarcia/approved-skills --skill carbon-design-system
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: fefogarcia/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. Источник: fefogarcia/approved-skills.

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

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

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

Browse more skills from fefogarcia/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. Источник: fefogarcia/approved-skills.

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

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

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

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

Детали

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

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

tremor-design-system
3 Установки
ux-researcher-designer
3 Установки