vega은(는) 무엇을 하나요?
Vega-Lite(선언적) 및 Vega(프로그래밍 방식)를 사용하여 데이터 기반 차트를 생성합니다. 막대, 라인, 산점도, 히트맵, 영역, 레이더 차트 및 워드 클라우드와 같은 숫자 데이터의 통계 시각화에 최적입니다.
Vega-Lite(선언적) 및 Vega(프로그래밍 방식)를 사용하여 데이터 기반 차트를 생성합니다. 막대, 라인, 산점도, 히트맵, 영역, 레이더 차트 및 워드 클라우드와 같은 숫자 데이터의 통계 시각화에 최적입니다.
이 스킬은 마크다운 뷰어 환경에서 Vega-Lite와 Vega를 활용하여 데이터 기반의 대화형 차트를 생성할 수 있도록 지원합니다. Vega-Lite는 선언적 구문을 통해 간단하게 차트를 정의할 수 있는 반면, Vega는 더 복잡하고 프로그래밍 방식의 시각화를 가능하게 합니다. 주로 숫자 데이터의 통계적 시각화에 강점을 가지며, 막대 차트, 라인 차트, 산점도, 히트맵, 영역 차트, 레이더 차트, 워드 클라우드 등 다양한 유형의 차트를 폭넓게 지원합니다. 개발자와 데이터 분석가가 마크다운 문서 내에서 직접 시각화를 포함시켜 데이터 인사이트를 효과적으로 전달하는 데 유용합니다. 이 스킬은 Claude, Cursor, Codex 등 다양한 AI 어시스턴트 플랫폼과 호환되도록 설계되었습니다.
npx skills add https://github.com/markdown-viewer/skills/tree/main/skills/vegaInstalled? Explore more 이미지 skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →
Vega-Lite(선언적) 및 Vega(프로그래밍 방식)를 사용하여 데이터 기반 차트를 생성합니다. 막대, 라인, 산점도, 히트맵, 영역, 레이더 차트 및 워드 클라우드와 같은 숫자 데이터의 통계 시각화에 최적입니다.
This repo contains 13 individual skills — each has its own dedicated page.
Create ArchiMate enterprise architecture diagrams using PlantUML stdlib macros. Best for TOGAF viewpoints, layered EA modeling (Business/Application/Technology), motivation analysis, and migration planning.
Create layered system architecture diagrams using HTML/CSS templates with color-coded tiers and grid layouts. Best for technology stacks, microservices topology, and multi-tier application design.
Create business process diagrams using PlantUML syntax with BPMN, EIP, and Lean Mapping stencil icons. Best for workflow automation, approval chains, message-based integration patterns, and value stream mapping.
Create spatial diagrams with free-positioned nodes using JSON format. Best for concept maps, knowledge graphs, and planning boards requiring precise x/y coordinate control.
Create cloud provider architecture diagrams using PlantUML syntax with official AWS, Azure, GCP, and Alibaba Cloud service icons. Best for multi-service cloud topologies and migration blueprints.
Create data pipeline and analytics architecture diagrams using PlantUML syntax with database/analytics stencil icons. Best for ETL pipelines, data lakes, real-time streaming, data warehousing, and BI dashboard design.
Create directed/undirected graphs using DOT language with automatic layout. Best for dependency trees, call graphs, package hierarchies, and module relationships requiring fine-grained edge routing.
Create editorial-style information cards using HTML/CSS in Markdown. Best for knowledge summaries, data highlights, event announcements, and single-topic content cards with magazine-quality typography.
Create IoT architecture diagrams using PlantUML syntax with device and sensor stencil icons. Best for smart home, industrial IoT (IIoT), fleet management, edge computing, and sensor network layouts.
Create hierarchical mind maps using PlantUML @startmindmap syntax. Best for brainstorming, topic decomposition, study notes, and decision trees with automatic radial layout, left/right branches, and per-node styling.
Create network topology diagrams using PlantUML syntax with mxgraph device icons (Cisco, Citrix, etc.). Best for LAN/WAN layouts, datacenter interconnects, and physical/logical network design.
Create security architecture diagrams using PlantUML syntax with identity, encryption, firewall, and compliance stencil icons. Best for IAM flows, zero-trust models, encryption pipelines, and threat detection architectures.
Create UML diagrams using PlantUML syntax. Best for software modeling — Class, Sequence, Activity, State Machine, Component, Use Case, and Deployment diagrams with concise text-based notation and auto-layout.
Generate spectrograms and feature-panel visualizations from audio with the songsee CLI.
Create distinctive, production-grade frontend interfaces with high design quality. Use when the user asks to build web components, pages, or applications and the visual direction matters as much as the code quality.
Scan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.
Add documentation for a new AI provider — usage docs, env vars, Docker config, image resources.
Tests in real browsers via Chrome DevTools MCP. Use when building or debugging anything that runs in a browser. Use when you need to inspect the DOM, capture console errors, analyze network requests, profile performance, or verify visual output with real runtime data. Requires the chrome-devtools MCP server to be configured.
This skill should be used when the user wants to visualize data. It intelligently selects the most suitable chart type from 26 available options, extracts parameters based on detailed specifications, and generates a chart image using a JavaScript script.