larashero3-dotcom/lieflat-charts

Data visualization Skill for AI Agents, turning data into polished, interactive HTML charts. 面向 AI Agents 的数据可视化 Skill,将数据快速生成精致、可交互的 HTML 图表。

해결하는 문제

Lieflat Charts는 AI 에이전트가 고품질의 편집 스타일 데이터 시각화 및 전체 페이지 HTML 보고서를 생성할 수 있도록 표준화된 시스템을 제공합니다. 일반적인 차트를 넘어서, 다양한 독해 속도에 맞는 특정 시각적 문법을 제공하여, 세부적이고 서사 중심의 데이터 스토리에서부터 고수준의 빠른 판단이 필요한 대시보드에 이르기까지 전문적인 타이포그래피, 여백, 애니메이션을 통해 데이터를 효과적으로 전달합니다.

작동 방식

이 프로젝트는 Moxt, Claude Code, Codex 등에서 사용되는 SKILL.md 형식과 호환되는 "에이전트 스킬"로 구현되었습니다. 49개의 차트 유형과 12개의 전체 페이지 보고서 템플릿 라이브러리를 제공합니다. 에이전트는 데이터 계약을 분석하고, 적절한 시각 스타일(Lupi, Glance, Basics)을 선택한 후, 수작업 SVG, Chart.js, ECharts를 혼합하여 HTML 출력물을 생성합니다. 또한 일관된 색상 지정을 위한 시각 토큰 시스템(mono, Porcelain Blue, Palm Green, Editorial Red 또는 사용자 정의 브랜드 색상)도 포함되어 있습니다.

대상 사용자

  • AI 에이전트 개발자: 에이전트가 전문적인 데이터 보고서를 생성할 수 있도록 하고 싶은 분들.
  • 데이터 분석가 및 연구자: AI 인터페이스를 통해 원시 데이터를 논문, 연간 보고서, 대시보드용 출판 준비 완료 시각화로 변환하고 싶은 사용자들.
  • 콘텐츠 제작자: 뉴스레터나 소셜 미디어용 데이터 기반 스토리를 만들고 싶은 사람.

주요 특징

  • 세 가지 명확한 시각 스타일:
    • Lupi: 서사 중심, 고세부, 천천히 읽는 스타일 (논문 및 연간 보고서에 적합).
    • Glance: 집계형, 강렬한, 빠르게 읽는 스타일 (주간 보고서 및 대시보드에 적합).
    • Basics: 익숙한 차트 형태에 편집 품질을 더한 스타일.
  • 전체 페이지 보고서 생성: 재무 분석, 연구 요약, 개인 기록 등 다양한 상황에 맞는 12개의 이중 언어(중국어/영어) 템플릿.
  • 인터랙티브 기능: 네트워크 그래프, 경로, 고밀도 관계 데이터용 전용 템플릿.
  • 자동 색상 선택: 데이터 구조에 따라 색상 조합을 자동 선택(예: 순서 있는 시퀀스에는 Porcelain Blue)하거나 사용자 정의 브랜드 색상 적용 가능.

관련

  • 프로젝트
  • 프로젝트
  • 프로젝트
  • 프로젝트
  • 프로젝트