blueprinter 是做什么的？
使用HTML/CSS生成扁平工程蓝图风格的技术图表。适用于用户想要创建架构图、系统图、流程图或类似工程蓝图的技术规格表时。当用户请求扁平图表、蓝图风格可视化或技术绘图时触发。
使用HTML/CSS生成扁平工程蓝图风格的技术图表。适用于用户想要创建架构图、系统图、流程图或类似工程蓝图的技术规格表时。
yofine/blueprinter 是一个AI agent技能，专门用于生成扁平工程蓝图风格的技术图表。它利用HTML和CSS将架构图、系统图、流程图或技术规格表渲染成具有经典蓝色底纹和白色线条的工程蓝图外观。该技能适用于Claude Code、Cursor、Codex等主流AI agent平台，用户只需描述所需的图表类型和内容，AI即可自动生成可视化的蓝图效果。其核心优势在于提供了一种简洁且高度可定制的图表生成方式，无需依赖外部绘图工具，所有渲染均在HTML/CSS环境中完成。这使得技术文档、系统设计和演示材料更具专业性和美观性，尤其适合需要扁平化、清晰且富有工程感视觉风格的场景。
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.