beautiful-mermaid 라이브러리를 사용하여 Mermaid 다이어그램을 아름다운 SVG 또는 ASCII 아트로 렌더링합니다. 15개 이상의 테마, 5가지 다이어그램 유형(플로우차트, 시퀀스, 상태, 클래스, ER)과 초고속 렌더링을 지원합니다.
이 스킬은 Mermaid 다이어그램을 SVG 및 ASCII 아트 형식으로 렌더링하여 더욱 보기 좋고 다양한 환경에서 활용할 수 있게 해줍니다. beautiful-mermaid 라이브러리를 기반으로 하여 15개 이상의 테마와 5가지 주요 다이어그램 유형(플로우차트, 시퀀스 다이어그램, 상태 다이어그램, 클래스 다이어그램, ER 다이어그램)을 지원하며, 초고속 렌더링 성능을 자랑합니다. 사용자가 Mermaid 다이어그램을 요청하거나 .mmd 파일을 제공할 때, 특정 다이어그램 유형(플로우차트, 시퀀스, 상태 등)을 생성할 때, 테마 적용이나 다이어그램 미화를 요청할 때, 여러 다이어그램을 일괄 처리해야 할 때, ASCII 다이어그램이나 터미널 친화적인 다이어그램을 언급할 때, 아키텍처, 워크플로우, 데이터 모델을 시각화하려 할 때 이 스킬을 사용하는 것이 좋습니다. 텍스트 기반 LLM 환경에서도 다이어그램을 효과적으로 표현할 수 있습니다.
npx skills add https://github.com/imxv/pretty-mermaid-skills/tree/main/skills/pretty-mermaidInstalled? Explore more 이미지 skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →
beautiful-mermaid 라이브러리를 사용하여 Mermaid 다이어그램을 아름다운 SVG 또는 ASCII 아트로 렌더링합니다. 15개 이상의 테마, 5가지 다이어그램 유형(플로우차트, 시퀀스, 상태, 클래스, ER)과 초고속 렌더링을 지원합니다. 다음의 경우 이 스킬을 사용하세요: 1. 사용자가 "Mermaid 다이어그램 렌더링"을 요청하거나 .mmd 파일을 제공할 때 2. 사용자가 "플로우차트/시퀀스 다이어그램/상태 다이어그램 생성"을 요청할 때 3. 사용자가 "테마 적용" 또는 "다이어그램 미화"를 원할 때 4. 사용자가 "여러 다이어그램 일괄 처리"가 필요할 때 5. 사용자가 "ASCII 다이어그램" 또는 "터미널 친화적인 다이어그램"을 언급할 때 6. 사용자가 아키텍처, 워크플로우, 데이터 모델을 시각화하려 할 때
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.