creating-tech-diagrams
Installation
SKILL.md
テック・AI解説用図解作成
注: 生成したプロンプトを画像生成AIに入力する際は、キャラクターの元画像を一緒に添付してください(解説役として配置)。
ワークフロー
- アイデア確認:
progress/ideas.mdをチェックし、該当するアイデアがあれば提案 - トピック確認: 新規入力 or アイデアリストから選択
- 画像テイスト確認: ユーザーに以下から選択してもらう
- クリーン: 整った線、モダンなインフォグラフィック風
- 手書き風: ラフスケッチ、走り書き風、親しみやすい雰囲気
- 図解タイプ選択:
- フローチャート型: プロセス説明
- 比較表型: 技術比較
- 概念図型: 抽象概念
- アーキテクチャ図型: システム構成
- タイムライン型: 歴史・進化
- 構成要素設計: 3-5個のメイン要素に絞る
- AIっぽさ緩和オプション確認: ANTI_AI_STYLE.md 参照
- 図解系は「ベタ塗り」のみ推奨
- プロンプト生成: PROMPT_TEMPLATE.md 使用(選択したテイストを反映)
- Xポスト文面生成
- 成果物保存:
- プロンプト:
output/tech-diagram/{タイトル}.md(ディレクトリがなければ作成) - 生成画像:
output/tech-diagram/images/{タイトル}.png
- プロンプト:
- 進捗更新:
progress/ideas.mdを更新(完了したアイデアにチェック)
参照ファイル
- STYLES.md: スタイル定義
- PROMPT_TEMPLATE.md: テンプレート
- EXAMPLES.md: サンプル
必須ルール
- テキストは日本語
- 画像上部にタイトル配置
- 画像テイストは必ずユーザーに確認してからプロンプト生成
Related skills
More from masayan1126/masayan-uni-code-plugins
creating-engineer-manga
Generates Nano Banana Pro prompts for 4-panel engineer humor comics. Use when user mentions "漫画作成", "エンジニア漫画", "4コマ", or "あるある".
16bgm creation & youtube upload agent
Suno用のBGMプロンプトを生成し、YouTubeにアップロードするためのAgent skill
5convert-image
PNG/JPG/JPEG画像をWebP、ICO、SVG形式に変換。「画像を変換して」「webpに変換」などで使用。
5slidev-creator
独自性のある高品質なSlidevプレゼンテーションを作成。「スライド作成」「プレゼン作成」「Slidev」などのリクエストで使用。
5ai-news-fetcher
Tavily MCPを使用して最新AIニュースを取得し、日英バイリンガルのマークダウン記事を生成。「AIニュースを取得」「最新ニュース」などで使用。
5ocr
画像ファイルからテキストを抽出しクリップボードにコピー。「文字起こし」「OCR」などで使用。
5