·tremor-design-system
*

tremor-design-system

Tremor デザイン システム (React + Tailwind CSS + Recharts) を使用して、ダッシュボード、分析インターフェイス、データ豊富な UI を構築します。ユーザーがダッシュボード コンポーネント、KPI カード、グラフ、データ テーブル、分析ページ、監視インターフェイス、または Tremor を使用する必要があるデータ視覚化 UI の作成を要求する場合に使用します。トリガーには、「Tremor」、「tremor.so」、「@tremor/react」の言及、グラフや表を含むダッシュボード UI のリクエスト、またはユーザーのプロジェクトが既に Tremor コンポーネントを使用している場合が含まれます。 Tremor Raw (コピーアンドペースト、tremor.so) バージョンと Tremor NPM (@tremor/react) バージョンの両方をサポートします。ダッシュボードやデータ視覚化に関係のない一般的なフロントエンド作業、またはユーザーが別のコンポーネント ライブラリを明示的に要求する場合には使用しないでください。

3インストール·0トレンド·@fefogarcia

インストール

$npx skills add https://github.com/fefogarcia/approved-skills --skill tremor-design-system

tremor-design-system のインストール方法

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

  1. ターミナルを開く: ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます
  2. インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/fefogarcia/approved-skills --skill tremor-design-system
  3. インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソース: fefogarcia/approved-skills。

Build production-grade dashboards and analytics interfaces using Tremor's React component library.

Tremor has two distribution models. Detect which the user's project uses before writing code:

If unclear, ask the user. Default to Tremor Raw for new projects, as it is the actively developed version (acquired by Vercel in Jan 2025).

Tremor デザイン システム (React + Tailwind CSS + Recharts) を使用して、ダッシュボード、分析インターフェイス、データ豊富な UI を構築します。ユーザーがダッシュボード コンポーネント、KPI カード、グラフ、データ テーブル、分析ページ、監視インターフェイス、または Tremor を使用する必要があるデータ視覚化 UI の作成を要求する場合に使用します。トリガーには、「Tremor」、「tremor.so」、「@tremor/react」の言及、グラフや表を含むダッシュボード UI のリクエスト、またはユーザーのプロジェクトが既に Tremor コンポーネントを使用している場合が含まれます。 Tremor Raw (コピーアンドペースト、tremor.so) バージョンと Tremor NPM (@tremor/react) バージョンの両方をサポートします。ダッシュボードやデータ視覚化に関係のない一般的なフロントエンド作業、またはユーザーが別のコンポーネント ライブラリを明示的に要求する場合には使用しないでください。 ソース: fefogarcia/approved-skills。

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/fefogarcia/approved-skills --skill tremor-design-system
カテゴリ
*クリエイティブ
認証済み
初回登録
2026-02-26
更新日
2026-03-11

Browse more skills from fefogarcia/approved-skills

クイックアンサー

tremor-design-system とは?

Tremor デザイン システム (React + Tailwind CSS + Recharts) を使用して、ダッシュボード、分析インターフェイス、データ豊富な UI を構築します。ユーザーがダッシュボード コンポーネント、KPI カード、グラフ、データ テーブル、分析ページ、監視インターフェイス、または Tremor を使用する必要があるデータ視覚化 UI の作成を要求する場合に使用します。トリガーには、「Tremor」、「tremor.so」、「@tremor/react」の言及、グラフや表を含むダッシュボード UI のリクエスト、またはユーザーのプロジェクトが既に Tremor コンポーネントを使用している場合が含まれます。 Tremor Raw (コピーアンドペースト、tremor.so) バージョンと Tremor NPM (@tremor/react) バージョンの両方をサポートします。ダッシュボードやデータ視覚化に関係のない一般的なフロントエンド作業、またはユーザーが別のコンポーネント ライブラリを明示的に要求する場合には使用しないでください。 ソース: fefogarcia/approved-skills。

tremor-design-system のインストール方法は?

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/fefogarcia/approved-skills --skill tremor-design-system インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソースリポジトリはどこですか?

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

詳細

カテゴリ
*クリエイティブ
ソース
skills.sh
初回登録
2026-02-26