tremor-design-system
Tremor 디자인 시스템(React + Tailwind CSS + Recharts)을 사용하여 대시보드, 분석 인터페이스 및 데이터가 풍부한 UI를 구축하세요. 사용자가 Tremor를 사용해야 하는 대시보드 구성 요소, KPI 카드, 차트, 데이터 테이블, 분석 페이지, 모니터링 인터페이스 또는 데이터 시각화 UI를 생성하도록 요청할 때 사용합니다. 트리거에는 "Tremor", "tremor.so", "@tremor/react"에 대한 언급, 차트와 테이블이 포함된 대시보드 UI에 대한 요청 또는 사용자 프로젝트에서 이미 Tremor 구성 요소를 사용하는 경우가 포함됩니다. Tremor Raw(복사하여 붙여넣기, tremor.so) 및 Tremor NPM(@tremor/react) 버전을 모두 지원합니다. 대시보드나 데이터 시각화와 관련되지 않은 일반 프런트엔드 작업이나 사용자가 명시적으로 다른 구성 요소 라이브러리를 요청하는 경우에는 사용하지 마세요.
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).
Tremor 디자인 시스템(React + Tailwind CSS + Recharts)을 사용하여 대시보드, 분석 인터페이스 및 데이터가 풍부한 UI를 구축하세요. 사용자가 Tremor를 사용해야 하는 대시보드 구성 요소, KPI 카드, 차트, 데이터 테이블, 분석 페이지, 모니터링 인터페이스 또는 데이터 시각화 UI를 생성하도록 요청할 때 사용합니다. 트리거에는 "Tremor", "tremor.so", "@tremor/react"에 대한 언급, 차트와 테이블이 포함된 대시보드 UI에 대한 요청 또는 사용자 프로젝트에서 이미 Tremor 구성 요소를 사용하는 경우가 포함됩니다. Tremor Raw(복사하여 붙여넣기, tremor.so) 및 Tremor NPM(@tremor/react) 버전을 모두 지원합니다. 대시보드나 데이터 시각화와 관련되지 않은 일반 프런트엔드 작업이나 사용자가 명시적으로 다른 구성 요소 라이브러리를 요청하는 경우에는 사용하지 마세요. 출처: dodatech/approved-skills.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/dodatech/approved-skills --skill tremor-design-system- 카테고리
- *크리에이티브
- 인증됨
- —
- 최초 등록
- 2026-02-17
- 업데이트
- 2026-02-18
빠른 답변
tremor-design-system이란?
Tremor 디자인 시스템(React + Tailwind CSS + Recharts)을 사용하여 대시보드, 분석 인터페이스 및 데이터가 풍부한 UI를 구축하세요. 사용자가 Tremor를 사용해야 하는 대시보드 구성 요소, KPI 카드, 차트, 데이터 테이블, 분석 페이지, 모니터링 인터페이스 또는 데이터 시각화 UI를 생성하도록 요청할 때 사용합니다. 트리거에는 "Tremor", "tremor.so", "@tremor/react"에 대한 언급, 차트와 테이블이 포함된 대시보드 UI에 대한 요청 또는 사용자 프로젝트에서 이미 Tremor 구성 요소를 사용하는 경우가 포함됩니다. Tremor Raw(복사하여 붙여넣기, tremor.so) 및 Tremor NPM(@tremor/react) 버전을 모두 지원합니다. 대시보드나 데이터 시각화와 관련되지 않은 일반 프런트엔드 작업이나 사용자가 명시적으로 다른 구성 요소 라이브러리를 요청하는 경우에는 사용하지 마세요. 출처: dodatech/approved-skills.
tremor-design-system 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/dodatech/approved-skills --skill tremor-design-system 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/dodatech/approved-skills
상세
- 카테고리
- *크리에이티브
- 출처
- user
- 최초 등록
- 2026-02-17