Skills
.Work. You
Rest

tremor-design-system

Community

Build data-rich UIs with Tremor.

Design & Creative#data visualization#react#dashboard#tailwind css#ui components#tremor
Authorfefogarcia
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill streamlines the creation of sophisticated dashboards, analytics interfaces, and data visualization UIs by leveraging the Tremor design system.

Core Features & Use Cases

  • Component Library: Provides access to a rich set of React components specifically designed for data-rich applications.
  • Two Versions: Supports both Tremor Raw (copy-and-paste) and Tremor NPM (@tremor/react) for flexible integration.
  • Use Case: When a user requests to build a sales performance dashboard with charts, KPI cards, and data tables, this Skill provides the necessary components and guidance.

Quick Start

Use the tremor-design-system skill to create a KPI card row with revenue, users, and orders metrics.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: tremor-design-system
Download link: https://github.com/fefogarcia/approved-skills/archive/main.zip#tremor-design-system

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.