·carbon-design-system
{}

carbon-design-system

✓
fefogarcia/approved-skillsGitHub: fefogarcia/approved-skillsソース: fefogarcia/approved-skills

IBM の Carbon Design System を使用して UI を構築します。ユーザーが Carbon スタイルのインターフェイス、IBM スタイルのダッシュボード、Carbon の規則に従ったエンタープライズ UI を要求する場合、または Carbon、IBM デザイン、または @carbon/react に明示的に言及する場合に使用します。コンポーネントの使用法、デザイン トークン (色、タイポグラフィ、間隔、モーション)、テーマ (白、グレー 10、グレー 90、グレー 100)、グリッド レイアウト、アクセシビリティについて説明します。アーティファクト/HTML 出力 (CDN ベース) と完全な React プロジェクト出力 (@carbon/react) の両方をサポートします。トリガーには、「Carbon」、「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 のインストール方法

コマンドラインで carbon-design-system AI スキルを開発環境にすばやくインストール

  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

原文を見る

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 System を使用して UI を構築します。ユーザーが Carbon スタイルのインターフェイス、IBM スタイルのダッシュボード、Carbon の規則に従ったエンタープライズ UI を要求する場合、または Carbon、IBM デザイン、または @carbon/react に明示的に言及する場合に使用します。コンポーネントの使用法、デザイン トークン (色、タイポグラフィ、間隔、モーション)、テーマ (白、グレー 10、グレー 90、グレー 100)、グリッド レイアウト、アクセシビリティについて説明します。アーティファクト/HTML 出力 (CDN ベース) と完全な React プロジェクト出力 (@carbon/react) の両方をサポートします。トリガーには、「Carbon」、「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/ja/skills/fefogarcia/approved-skills/carbon-design-system

Browse more skills from fefogarcia/approved-skills

クイックアンサー

carbon-design-system とは？

IBM の Carbon Design System を使用して UI を構築します。ユーザーが Carbon スタイルのインターフェイス、IBM スタイルのダッシュボード、Carbon の規則に従ったエンタープライズ UI を要求する場合、または Carbon、IBM デザイン、または @carbon/react に明示的に言及する場合に使用します。コンポーネントの使用法、デザイン トークン (色、タイポグラフィ、間隔、モーション)、テーマ (白、グレー 10、グレー 90、グレー 100)、グリッド レイアウト、アクセシビリティについて説明します。アーティファクト/HTML 出力 (CDN ベース) と完全な React プロジェクト出力 (@carbon/react) の両方をサポートします。トリガーには、「Carbon」、「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

関連 Skills

tremor-design-system
3 インストール
ux-researcher-designer
3 インストール