tremor-design-system
✓Cree paneles, interfaces de análisis y UI ricas en datos utilizando el sistema de diseño Tremor (React + Tailwind CSS + Recharts). Úselo cuando el usuario solicite crear componentes de panel, tarjetas de KPI, gráficos, tablas de datos, páginas de análisis, interfaces de monitoreo o cualquier interfaz de usuario de visualización de datos que deba usar Tremor. Los desencadenantes incluyen menciones de "Tremor", "tremor.so", "@tremor/react", solicitudes de interfaces de usuario del panel con gráficos y tablas, o cuando el proyecto del usuario ya utiliza componentes Tremor. Admite las versiones Tremor Raw (copiar y pegar, tremor.so) y Tremor NPM (@tremor/react). NO lo use para trabajos frontend generales no relacionados con paneles o visualización de datos, o cuando el usuario solicite explícitamente una biblioteca de componentes diferente.
Instalación
SKILL.md
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).
Cree paneles, interfaces de análisis y UI ricas en datos utilizando el sistema de diseño Tremor (React + Tailwind CSS + Recharts). Úselo cuando el usuario solicite crear componentes de panel, tarjetas de KPI, gráficos, tablas de datos, páginas de análisis, interfaces de monitoreo o cualquier interfaz de usuario de visualización de datos que deba usar Tremor. Los desencadenantes incluyen menciones de "Tremor", "tremor.so", "@tremor/react", solicitudes de interfaces de usuario del panel con gráficos y tablas, o cuando el proyecto del usuario ya utiliza componentes Tremor. Admite las versiones Tremor Raw (copiar y pegar, tremor.so) y Tremor NPM (@tremor/react). NO lo use para trabajos frontend generales no relacionados con paneles o visualización de datos, o cuando el usuario solicite explícitamente una biblioteca de componentes diferente. Fuente: dodatech/approved-skills.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/dodatech/approved-skills --skill tremor-design-system- Fuente
- dodatech/approved-skills
- Categoría
- *Creatividad
- Verificado
- ✓
- Primera vez visto
- 2026-02-17
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es tremor-design-system?
Cree paneles, interfaces de análisis y UI ricas en datos utilizando el sistema de diseño Tremor (React + Tailwind CSS + Recharts). Úselo cuando el usuario solicite crear componentes de panel, tarjetas de KPI, gráficos, tablas de datos, páginas de análisis, interfaces de monitoreo o cualquier interfaz de usuario de visualización de datos que deba usar Tremor. Los desencadenantes incluyen menciones de "Tremor", "tremor.so", "@tremor/react", solicitudes de interfaces de usuario del panel con gráficos y tablas, o cuando el proyecto del usuario ya utiliza componentes Tremor. Admite las versiones Tremor Raw (copiar y pegar, tremor.so) y Tremor NPM (@tremor/react). NO lo use para trabajos frontend generales no relacionados con paneles o visualización de datos, o cuando el usuario solicite explícitamente una biblioteca de componentes diferente. Fuente: dodatech/approved-skills.
¿Cómo instalo tremor-design-system?
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/dodatech/approved-skills --skill tremor-design-system Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor
¿Dónde está el repositorio de origen?
https://github.com/dodatech/approved-skills
Detalles
- Categoría
- *Creatividad
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-17