← スキル一覧に戻る

creating-tech-diagrams
by masayan1126
Claude Code plugins for documentation and development workflows
⭐ 0🍴 0📅 2026年1月17日
SKILL.md
name: creating-tech-diagrams description: Generates Nano Banana Pro prompts for technical explanation infographics. Use when user mentions "図解作成", "テック図解", or "AI解説図".
テック・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: サンプル
必須ルール
- テキストは日本語
- 画像上部にタイトル配置
- 画像テイストは必ずユーザーに確認してからプロンプト生成
スコア
総合スコア
60/100
リポジトリの品質指標に基づく評価
✓SKILL.md
SKILL.mdファイルが含まれている
+20
✓LICENSE
ライセンスが設定されている
+10
○説明文
100文字以上の説明がある
0/10
○人気
GitHub Stars 100以上
0/15
○最近の活動
3ヶ月以内に更新がある
0/10
○フォーク
10回以上フォークされている
0/5
✓Issue管理
オープンIssueが50未満
+5
✓言語
プログラミング言語が設定されている
+5
○タグ
1つ以上のタグが設定されている
0/5
レビュー
💬
レビュー機能は近日公開予定です