Community연구 & 데이터 분석github.com

starchild-ai-agent/chart

대화형 웹 차트: 라인, 막대, 캔들, 산점도를 HTML 및 스크린샷 출력으로 제공합니다. 데이터 분석 또는 BI(예: 지난해 BTC vs 금 가격 비교, 분기별 수익 막대 차트, 두 수익률 시리즈 비교) 시각화에 사용하세요.

chart란 무엇인가요?

이 스킬은 AI 에이전트(예: Claude Code, Cursor, Codex)가 데이터를 대화형 웹 차트로 즉시 시각화할 수 있도록 지원합니다. 라인, 막대, 캔들, 산점도 등 다양한 차트 유형을 지원하며, 결과를 HTML 파일 또는 스크린샷으로 출력할 수 있습니다. 분석가나 개발자가 데이터 분석 또는 비즈니스 인텔리전스 작업을 수행할 때 유용하며, 복잡한 차트 라이브러리 설정 없이 간단한 명령으로 시각화를 생성할 수 있습니다. 이 스킬은 Python의 Plotly 라이브러리를 기반으로 하여 대화형 차트를 생성하며, AI 에이전트가 데이터 프레임이나 배열을 입력받아 자동으로 적절한 차트를 그려줍니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/starchild-ai-agent/official-skills/tree/main/skills/chart

Installed? Explore more 연구 & 데이터 분석 skills: affaan-m/uspto-database, affaan-m/scholar-evaluation, affaan-m/literature-review · View all 6 →

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

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

문서

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

대화형 웹 차트: 라인, 막대, 캔들, 산점도 — HTML 및 스크린샷 출력 지원. 데이터 분석 또는 BI(예: 지난해 BTC vs 금 가격 비교, 분기별 수익 막대 차트, 두 수익률 시리즈 비교) 시각화에 사용하세요.

사용 방법

AI 에이전트에게 다음과 같이 요청하세요:

  • "작년 BTC와 금 가격을 비교하는 라인 차트를 그려줘"
  • "분기별 수익을 막대 차트로 보여줘"
  • "두 주식 수익률 시리즈를 비교하는 산점도를 만들어줘"

지원 차트 유형

차트 유형설명
라인 (line)시간에 따른 추세 시각화
막대 (bar)범주형 데이터 비교
캔들 (candle)금융 데이터(시가, 고가, 저가, 종가)
산점도 (scatter)두 변수 간 관계 분석

출력 형식

  • HTML: 대화형 차트 (확대/축소, 호버 정보 제공)
  • 스크린샷: 정적 이미지 (보고서, 문서에 포함)

기술 스택

  • Python Plotly (대화형 차트 엔진)
  • HTML/JavaScript (차트 렌더링)
  • 캡처 유틸리티 (스크린샷 생성)

예시

라인 차트

import plotly.express as px
# 데이터 준비 후 차트 생성
fig = px.line(df, x='date', y='price', title='BTC vs Gold (2023)')
fig.show()

막대 차트

fig = px.bar(df, x='quarter', y='revenue', title='분기별 수익')
fig.show()

주의 사항

  • 데이터는 명확한 구조(열 이름, 데이터 타입)로 제공되어야 합니다.
  • 대용량 데이터셋은 성능에 영향을 줄 수 있습니다.
  • 스크린샷 출력은 환경에 따라 추가 설정이 필요할 수 있습니다.

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

starchild-ai-agent/browser-preview

Preview panel and iframe diagnostics: registry, ports, paths, blank screens. Use when a preview tab is broken or missing (e.g. white screen, tab disappeared, 404 on assets, preview not loading, list running services).

starchild-ai-agent/byok-custom-model

Register a custom LLM endpoint with your own API key for chat in Starchild. Use when adding a personal Anthropic, OpenAI, Grok, Qwen, DeepSeek, NEAR AI, or Venice key as a chat model (e.g. add my Claude key, register DeepSeek).

starchild-ai-agent/charting

Generate TradingView-style candlestick charts with indicators. Use when the user wants a visual chart, price visualization, or technical analysis plot.

starchild-ai-agent/chatgpt-codex-onboarding

Connect a ChatGPT or Codex subscription via OAuth device-code login. Use when the user wants to sign in with their ChatGPT Plus, Pro, or Team account (e.g. "use my Codex subscription", "log in with ChatGPT").

starchild-ai-agent/coder

Code specialist for writing, debugging, and technical implementation. Use when the user needs code written, bugs fixed, files edited, or features built.

starchild-ai-agent/coingecko

Crypto spot prices, OHLC charts, market discovery, and global stats. Use when looking up coin prices, market caps, trending coins, sector rankings, or comparing tokens (e.g. BTC price, ETH chart, top gainers).

starchild-ai-agent/coinglass

Crypto derivatives data: funding rates, open interest, liquidations, long/short ratios. Use when researching perp markets, tracking Hyperliquid whale positions, or comparing ETF flows (e.g. BTC funding, ETH OI, liquidation heatmap).

starchild-ai-agent/community-publish

Share or open-source any project the user has built — a running preview/service, a project directory, a dashboard, or scripts. Use whenever the user wants to publish, share, make public, list, distribute, deploy publicly, or open-source something. Three independent actions — publish_preview (allocate a public URL for a running service), list_in_dashboard (show it on the public Project Dashboard for discovery), open_source (push project source to the community GitHub repo). Do NOT search the filesystem for publish-related code or write custom deploy/upload scripts — this skill is the single entry point.

starchild-ai-agent/composio

Composio gateway: act on 1000+ connected apps like Gmail, Slack, GitHub, Calendar. Use when the user wants to act in a connected SaaS app (e.g. send Gmail, create Notion page, add Calendar event, open a GitHub issue).

starchild-ai-agent/hyperliquid

Trade perp futures, spot, and RWA on Hyperliquid DEX with up to asset max leverage. Use when placing perp or spot orders, setting TP/SL, or moving funds on Hyperliquid (e.g. long BTC 5x, sell ETH, deposit USDC, set stop).

starchild-ai-agent/orderly-onboarding

Agent onboarding for Orderly Network - omnichain perpetual futures infrastructure, MCP server, skills, and developer quickstart

starchild-ai-agent/preview-dev

Frontend & fullstack development with live preview. Use when the user wants to build a web page, frontend app, fullstack project, or any web UI — including React, Vue, Vite, static HTML, Express, FastAPI, or any framework that produces a browser-viewable result. Also use when the user wants to deploy, publish, or share a preview to the public internet (community publish).

starchild-ai-agent/project-builder

End-to-end project engineering: design, incremental build, verify, debug systematically. Use when building software, dashboards, scheduled jobs, or web apps the user has asked for (e.g. build a price monitor, daily summary task, ship an API).

starchild-ai-agent/skill-creator

Scaffold new skills with valid frontmatter, directory layout, and a starter SKILL.md. Use when building a new reusable workflow or wrapping a new API (e.g. create a kalshi skill, scaffold an API helper, start a charting skill).

starchild-ai-agent/skillmarketplace

Search, install, and publish skills across official, community, and global registries. Use when finding or sharing skills (e.g. install a "funding rate" skill, list installed skills, publish my custom skill to the registry).

starchild-ai-agent/slide-creator

Build 16:9 slide decks as HTML, exported to PDF (not PowerPoint format). Use when making a deck, presentation, or pitch (e.g. 10-slide pitch deck for X, training course on Y, quarterly results presentation).

starchild-ai-agent/tg-bot-binding

Telegram bot binding: create the bot, connect to Starchild, verify, troubleshoot. Use when setting up Telegram delivery (e.g. add my TG bot, bot binding code, fix "telegram not pushing", whitelist a TG username).

starchild-ai-agent/twelvedata

Stocks, forex, and commodities prices: real-time quotes and historical bars. Use when looking up traditional-market prices (e.g. AAPL quote, EUR/USD chart, gold price, SPY history). Not for crypto.

starchild-ai-agent/twitter

Twitter/X data: fetch tweets, search, user profiles, followers, replies, trends. Use for any x.com or twitter.com URL or lookup (e.g. summarize this tweet, recent posts by @vitalikbuterin, search $SOL min_faves:50).

starchild-ai-agent/user-onboarding

Onboarding script for first-time Starchild users: positioning, quick wins, discovery. Use when the user is new or vague (e.g. "what can you do", "I don't know where to start", first session with no context, generic hello).

관련 스킬