Communitygithub.com

CarlvinceTan/tabula

주제를 세련되고 시각 중심의 독립형 HTML 페이지(보고서, 대시보드, 설명, 비교, 데크)로 변환하는 에이전트 스킬입니다. 설치: npx skills add CarlvinceTan/tabula

tabula란 무엇인가요?

이 스킬은 사용자가 제공한 주제를 기반으로 전문적이고 시각적으로 뛰어난 독립형 HTML 페이지를 생성하는 AI 에이전트 기능입니다. 보고서, 대시보드, 설명 자료, 비교 분석, 프레젠테이션 데크 등 다양한 형식을 지원하며, 결과물은 단일 HTML 파일로 완성되어 별도의 서버나 의존성 없이 브라우저에서 바로 열람할 수 있습니다. 코드나 데이터를 시각화해야 하는 개발자, 기술 문서 작성자, 데이터 분석가에게 특히 유용하며, Claude Code, Cursor, Codex 등 주요 AI 에이전트 플랫폼과 호환됩니다. `npx skills add CarlvinceTan/tabula` 명령어로 간편하게 설치할 수 있으며, 설치 후 에이전트가 자동으로 SKILL.md 문서를 참조하여 사용자 요청에 맞는 HTML 출력을 생성합니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add CarlvinceTan/tabula

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

tabula은(는) 무엇을 하나요?

Agent skill: 주제를 세련되고 시각 중심의 독립형 HTML 페이지(보고서, 대시보드, 설명, 비교, 데크)로 변환합니다. 설치 방법: npx skills add CarlvinceTan/tabula

개요

이 스킬은 주어진 주제나 데이터를 받아 깔끔하고 시각적으로 매력적인 단일 HTML 페이지를 생성합니다. 결과물은 CSS와 JavaScript가 포함된 독립형 HTML 파일로, 브라우저에서 바로 열 수 있습니다.

설치

npx skills add CarlvinceTan/tabula

사용법

설치 후, AI 에이전트에게 다음과 같이 요청합니다:

  • "주제 X에 대한 대시보드 페이지를 만들어 줘"
  • "Y 데이터를 시각화한 보고서를 HTML로 생성해 줘"
  • "Z에 대한 설명자료를 예쁜 HTML 페이지로 만들어 줘"

지원 형식

  • 보고서 (Report)
  • 대시보드 (Dashboard)
  • 설명자료 (Explainer)
  • 비교 (Comparison)
  • 데크 (Deck)

출력 특징

  • 독립형: 단일 HTML 파일로 생성되며, 외부 의존성 없음
  • 시각적: 현대적인 CSS 레이아웃과 시각적 요소 포함
  • 반응형: 다양한 화면 크기 지원
  • 인쇄 가능: 프린트 스타일 지원

참고 사항

  • 스킬 설치 후 에이전트가 자동으로 SKILL.md 문서를 읽고 동작합니다.
  • 생성된 HTML 페이지는 output.html 등의 파일명으로 저장됩니다.

관련 스킬