blueprinter は何をしますか?
HTML/CSSを使用してフラットなエンジニアリングブループリントスタイルの技術図を生成します。アーキテクチャ図、システム図、フローチャート、またはエンジニアリング設計図のような外観の技術仕様書を作成する場合に使用します。フラットな図、ブループリントスタイルの可視化、または技術的な図面のリクエストでトリガーされます。
HTML/CSSを使用してフラットなエンジニアリングブループリントスタイルの技術図を生成します。アーキテクチャ図、システム図、フローチャート、またはエンジニアリング設計図のような外観の技術仕様書を作成する場合に使用します。フラットな図、ブループリントスタイルの可視化、または技術的な図面のリクエストでトリガーされます。
yofine/blueprinterは、HTMLとCSSを活用してフラットなエンジニアリングブループリントスタイルの技術図を生成するAIエージェントスキルです。このスキルは、システムアーキテクチャ図、フローチャート、ネットワーク図、技術仕様書など、設計図のような外観を持つ図を作成したい場合に特に有用です。ユーザーが「フラットな図」や「ブループリントスタイルの図面」をリクエストすると自動的にトリガーされ、HTML/CSSでレンダリングされるため、ブラウザで簡単に表示・編集できます。主にAIアシスタントのカスタム指示として利用され、Claudeなどの環境で動作します。エンジニアリングドキュメントの作成やプレゼンテーション資料の視覚化を効率化する目的で設計されており、シンプルなプロンプトから複雑な図を生成できます。
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.