blueprinter은(는) 무엇을 하나요?
HTML/CSS를 사용하여 엔지니어링 청사진 스타일의 기술 다이어그램을 생성합니다. 사용자가 아키텍처 다이어그램, 시스템 다이어그램, 순서도, 또는 엔지니어링 청사진처럼 보이는 기술 명세서를 만들고자 할 때 사용하세요. 플랫 다이어그램, 청사진 스타일 시각화, 또는 기술 도면 요청 시 트리거됩니다.
HTML/CSS로 엔지니어링 청사진 스타일의 기술 다이어그램을 생성합니다. 아키텍처 다이어그램, 시스템 다이어그램, 순서도, 또는 엔지니어링 청사진처럼 보이는 기술 명세서가 필요할 때 사용하세요.
yofine/blueprinter는 HTML/CSS를 사용하여 엔지니어링 청사진 스타일의 플랫 기술 다이어그램을 자동 생성하는 AI 에이전트 스킬입니다. 사용자가 아키텍처 다이어그램, 시스템 구성도, 순서도, 또는 기술 명세서를 청사진 형태로 요청할 때 트리거됩니다. 이 스킬은 순수 HTML과 CSS로 구현되므로 별도의 그래픽 도구나 라이브러리가 필요 없으며, 브라우저나 HTML 뷰어에서 바로 결과를 확인할 수 있습니다. Claude Code, Cursor, Codex 등 다양한 AI 어시스턴트 플랫폼과 호환되어, 개발자와 엔지니어가 시스템 설계를 시각화할 때 유용하게 활용할 수 있습니다.
npx skills add https://github.com/yofine/skills/tree/main/skills/blueprinterInstalled? Explore more 이미지 skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →
HTML/CSS를 사용하여 엔지니어링 청사진 스타일의 기술 다이어그램을 생성합니다. 사용자가 아키텍처 다이어그램, 시스템 다이어그램, 순서도, 또는 엔지니어링 청사진처럼 보이는 기술 명세서를 만들고자 할 때 사용하세요. 플랫 다이어그램, 청사진 스타일 시각화, 또는 기술 도면 요청 시 트리거됩니다.
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.