·tremor-design-system
*

tremor-design-system

Créez des tableaux de bord, des interfaces d'analyse et des interfaces utilisateur riches en données à l'aide du système de conception Tremor (React + Tailwind CSS + Recharts). À utiliser lorsque l'utilisateur demande à créer des composants de tableau de bord, des cartes KPI, des graphiques, des tableaux de données, des pages d'analyse, des interfaces de surveillance ou toute interface utilisateur de visualisation de données devant utiliser Tremor. Les déclencheurs incluent des mentions de « Tremor », « tremor.so », « @tremor/react », des demandes d'interface utilisateur de tableau de bord avec des graphiques et des tableaux, ou lorsque le projet de l'utilisateur utilise déjà des composants Tremor. Prend en charge les versions Tremor Raw (copier-coller, tremor.so) et Tremor NPM (@tremor/react). Ne PAS utiliser pour un travail frontal général sans rapport avec les tableaux de bord ou la visualisation de données, ou lorsque l'utilisateur demande explicitement une bibliothèque de composants différente.

3Installations·0Tendance·@fefogarcia

Installation

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

Comment installer tremor-design-system

Installez rapidement le skill IA tremor-design-system dans votre environnement de développement via la ligne de commande

  1. Ouvrir le Terminal: Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.)
  2. Exécuter la commande d'installation: Copiez et exécutez cette commande : npx skills add https://github.com/fefogarcia/approved-skills --skill tremor-design-system
  3. Vérifier l'installation: Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

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

Créez des tableaux de bord, des interfaces d'analyse et des interfaces utilisateur riches en données à l'aide du système de conception Tremor (React + Tailwind CSS + Recharts). À utiliser lorsque l'utilisateur demande à créer des composants de tableau de bord, des cartes KPI, des graphiques, des tableaux de données, des pages d'analyse, des interfaces de surveillance ou toute interface utilisateur de visualisation de données devant utiliser Tremor. Les déclencheurs incluent des mentions de « Tremor », « tremor.so », « @tremor/react », des demandes d'interface utilisateur de tableau de bord avec des graphiques et des tableaux, ou lorsque le projet de l'utilisateur utilise déjà des composants Tremor. Prend en charge les versions Tremor Raw (copier-coller, tremor.so) et Tremor NPM (@tremor/react). Ne PAS utiliser pour un travail frontal général sans rapport avec les tableaux de bord ou la visualisation de données, ou lorsque l'utilisateur demande explicitement une bibliothèque de composants différente. Source : fefogarcia/approved-skills.

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/fefogarcia/approved-skills --skill tremor-design-system
Catégorie
*Créativité
Vérifié
Première apparition
2026-02-26
Mis à jour
2026-03-11

Browse more skills from fefogarcia/approved-skills

Réponses rapides

Qu'est-ce que tremor-design-system ?

Créez des tableaux de bord, des interfaces d'analyse et des interfaces utilisateur riches en données à l'aide du système de conception Tremor (React + Tailwind CSS + Recharts). À utiliser lorsque l'utilisateur demande à créer des composants de tableau de bord, des cartes KPI, des graphiques, des tableaux de données, des pages d'analyse, des interfaces de surveillance ou toute interface utilisateur de visualisation de données devant utiliser Tremor. Les déclencheurs incluent des mentions de « Tremor », « tremor.so », « @tremor/react », des demandes d'interface utilisateur de tableau de bord avec des graphiques et des tableaux, ou lorsque le projet de l'utilisateur utilise déjà des composants Tremor. Prend en charge les versions Tremor Raw (copier-coller, tremor.so) et Tremor NPM (@tremor/react). Ne PAS utiliser pour un travail frontal général sans rapport avec les tableaux de bord ou la visualisation de données, ou lorsque l'utilisateur demande explicitement une bibliothèque de composants différente. Source : fefogarcia/approved-skills.

Comment installer tremor-design-system ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/fefogarcia/approved-skills --skill tremor-design-system Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Où se trouve le dépôt source ?

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

Détails

Catégorie
*Créativité
Source
skills.sh
Première apparition
2026-02-26