creating-tech-diagrams
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: サンプル
必須ルール
- テキストは日本語
- 画像上部にタイトル配置
- 画像テイストは必ずユーザーに確認してからプロンプト生成
Weekly Installs
3
Repository
masayan1126/mas…-pluginsGitHub Stars
3
First Seen
Jan 25, 2026
Security Audits
Installed on
opencode3
antigravity3
claude-code3
codex3
windsurf3
gemini-cli3