excalidraw-diagram은(는) 무엇을 하나요?
시각적 논증을 제공하는 Excalidraw 다이어그램 JSON 파일을 생성합니다. 사용자가 워크플로우, 아키텍처 또는 개념을 시각화하고자 할 때 사용하세요.
워크플로우, 아키텍처 또는 개념을 시각화하고자 할 때 시각적 논증을 제공하는 Excalidraw 다이어그램 JSON 파일을 생성합니다.
이 스킬은 사용자의 요청에 따라 Excalidraw 다이어그램 JSON 파일을 생성하여 워크플로우, 아키텍처, 개념 등을 시각적으로 표현합니다. 개발자나 AI 에이전트 사용자가 복잡한 아이디어를 명확하고 직관적인 다이어그램으로 변환하고자 할 때 유용합니다. Claude Code, Cursor, Codex 등 다양한 AI 에이전트 플랫폼에서 실행 가능하며, SKILL.md 문서에 정의된 대로 사용자의 프롬프트를 분석하여 적절한 다이어그램 요소를 배치하고 연결합니다. 생성된 JSON 파일은 Excalidraw 앱에서 바로 열어 편집하거나 공유할 수 있어 협업과 의사소통을 효과적으로 지원합니다.
npx skills add https://github.com/coleam00/excalidraw-diagram-skill/tree/main/skills/excalidraw-diagramInstalled? Explore more 이미지 skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →
시각적 논증을 제공하는 Excalidraw 다이어그램 JSON 파일을 생성합니다. 사용자가 워크플로우, 아키텍처 또는 개념을 시각화하고자 할 때 사용하세요.
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.