·tremor-design-system
*

tremor-design-system

✓
fefogarcia/approved-skillsGitHub: fefogarcia/approved-skillsQuelle: fefogarcia/approved-skills

Erstellen Sie Dashboards, Analyseschnittstellen und datenreiche Benutzeroberflächen mit dem Tremor-Designsystem (React + Tailwind CSS + Recharts). Verwenden Sie diese Option, wenn der Benutzer Dashboard-Komponenten, KPI-Karten, Diagramme, Datentabellen, Analyseseiten, Überwachungsschnittstellen oder andere Benutzeroberflächen zur Datenvisualisierung erstellen möchte, die Tremor verwenden sollen. Zu den Auslösern gehören Erwähnungen von „Tremor“, „tremor.so“, „@tremor/react“, Anfragen nach Dashboard-Benutzeroberflächen mit Diagrammen und Tabellen oder wenn das Projekt des Benutzers bereits Tremor-Komponenten verwendet. Unterstützt sowohl die Versionen Tremor Raw (Kopieren und Einfügen, tremor.so) als auch Tremor NPM (@tremor/react). NICHT für allgemeine Frontend-Arbeiten verwenden, die nichts mit Dashboards oder Datenvisualisierung zu tun haben, oder wenn der Benutzer ausdrücklich eine andere Komponentenbibliothek anfordert.

fefogarcia·tremor·design·system
3Installationen·0Trend·@fefogarcia

Installation

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

So installieren Sie tremor-design-system

Installieren Sie den KI-Skill tremor-design-system schnell in Ihrer Entwicklungsumgebung über die Kommandozeile

  1. Terminal öffnen: Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Installationsbefehl ausführen: Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/fefogarcia/approved-skills --skill tremor-design-system
  3. Installation überprüfen: Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Quelle: fefogarcia/approved-skills.

SKILL.md

Original anzeigen

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).

Erstellen Sie Dashboards, Analyseschnittstellen und datenreiche Benutzeroberflächen mit dem Tremor-Designsystem (React + Tailwind CSS + Recharts). Verwenden Sie diese Option, wenn der Benutzer Dashboard-Komponenten, KPI-Karten, Diagramme, Datentabellen, Analyseseiten, Überwachungsschnittstellen oder andere Benutzeroberflächen zur Datenvisualisierung erstellen möchte, die Tremor verwenden sollen. Zu den Auslösern gehören Erwähnungen von „Tremor“, „tremor.so“, „@tremor/react“, Anfragen nach Dashboard-Benutzeroberflächen mit Diagrammen und Tabellen oder wenn das Projekt des Benutzers bereits Tremor-Komponenten verwendet. Unterstützt sowohl die Versionen Tremor Raw (Kopieren und Einfügen, tremor.so) als auch Tremor NPM (@tremor/react). NICHT für allgemeine Frontend-Arbeiten verwenden, die nichts mit Dashboards oder Datenvisualisierung zu tun haben, oder wenn der Benutzer ausdrücklich eine andere Komponentenbibliothek anfordert. Quelle: fefogarcia/approved-skills.

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/fefogarcia/approved-skills --skill tremor-design-system
Quelle
fefogarcia/approved-skills
Kategorie
*Kreativität
Verifiziert
✓
Erstes Auftreten
2026-02-26
Aktualisiert
2026-03-11
URL
https://www.learn-skills.dev/de/skills/fefogarcia/approved-skills/tremor-design-system

Browse more skills from fefogarcia/approved-skills

Schnelle Antworten

Was ist tremor-design-system?

Erstellen Sie Dashboards, Analyseschnittstellen und datenreiche Benutzeroberflächen mit dem Tremor-Designsystem (React + Tailwind CSS + Recharts). Verwenden Sie diese Option, wenn der Benutzer Dashboard-Komponenten, KPI-Karten, Diagramme, Datentabellen, Analyseseiten, Überwachungsschnittstellen oder andere Benutzeroberflächen zur Datenvisualisierung erstellen möchte, die Tremor verwenden sollen. Zu den Auslösern gehören Erwähnungen von „Tremor“, „tremor.so“, „@tremor/react“, Anfragen nach Dashboard-Benutzeroberflächen mit Diagrammen und Tabellen oder wenn das Projekt des Benutzers bereits Tremor-Komponenten verwendet. Unterstützt sowohl die Versionen Tremor Raw (Kopieren und Einfügen, tremor.so) als auch Tremor NPM (@tremor/react). NICHT für allgemeine Frontend-Arbeiten verwenden, die nichts mit Dashboards oder Datenvisualisierung zu tun haben, oder wenn der Benutzer ausdrücklich eine andere Komponentenbibliothek anfordert. Quelle: fefogarcia/approved-skills.

Wie installiere ich tremor-design-system?

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/fefogarcia/approved-skills --skill tremor-design-system Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Wo ist das Quell-Repository?

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

Details

Kategorie
*Kreativität
Quelle
skills.sh
Erstes Auftreten
2026-02-26

Verwandte Skills

carbon-design-system
3 Installationen
ux-researcher-designer
3 Installationen