Community画像github.com

yofine/blueprinter

HTML/CSSを使用してフラットなエンジニアリングブループリントスタイルの技術図を生成します。アーキテクチャ図、システム図、フローチャート、またはエンジニアリング設計図のような外観の技術仕様書を作成する場合に使用します。フラットな図、ブループリントスタイルの可視化、または技術的な図面のリクエストでトリガーされます。

blueprinter とは?

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

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/yofine/skills/tree/main/skills/blueprinter

Installed? Explore more 画像 skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

blueprinter は何をしますか?

HTML/CSSを使用してフラットなエンジニアリングブループリントスタイルの技術図を生成します。アーキテクチャ図、システム図、フローチャート、またはエンジニアリング設計図のような外観の技術仕様書を作成する場合に使用します。フラットな図、ブループリントスタイルの可視化、または技術的な図面のリクエストでトリガーされます。

関連スキル