授業用のプロ仕様の図解を作るには数時間のデザイン作業が必要です。このスキルは、ブラウザ自動化と6段階の品質ゲートを用いて、Gemini 3で教えるためのビジュアルを生成する構造化ワークフローを提供します。
스킬 ZIP 다운로드
Claude에서 업로드
설정 → 기능 → 스킬 → 스킬 업로드로 이동
토글을 켜고 사용 시작
테스트해 보기
"image-generator" 사용 중입니다. Generate a diagram showing how a web request flows through a load balancer to backend servers. Target audience is B1 intermediate learners.
예상 결과:
- Geminiに水平フロー図が表示される
- ユーザーは画像生成のため35秒待機する
- ユーザーが確認する: スペルが正しい、レイアウトが適切な比率で3台のサーバーを示す、ブランドブルー(#2563eb)が使用されている、重要な洞察テキストが最も大きい、10秒以内に概念を理解できる、独自デザインである
- いずれかのゲートに失敗した場合、ユーザーは原則ベースのフィードバックを提供する
- 全てのゲートを通過したら、ユーザーはフルサイズ画像をレッスンフォルダにダウンロードする
"image-generator" 사용 중입니다. Create a comparison chart showing synchronous vs asynchronous programming concepts for beginner developers.
예상 결과:
- Geminiに分割レイアウトの比較が表示される
- 左側(#2563eb)はブロッキング待機矢印付きの同期フローを示す
- 右側(#10b981)は並列実行の指標付きの非同期フローを示す
- 最大のテキストが主要な違いを強調する: ブロッキング vs ノンブロッキング実行
- ユーザーはダウンロード前に6つのゲートをすべて確認する
보안 감사
안전Pure documentation skill containing only markdown guidance for image generation workflow. No executable code, scripts, network calls, or file system access detected. Static findings are false positives from scanner misinterpreting markdown documentation blocks as executable code.
위험 요인
🌐 네트워크 접근 (2)
📁 파일 시스템 액세스 (1)
품질 점수
만들 수 있는 것
レッスン図解パイプライン
コースの全章ビジュアルをバッチモードで生成し、品質とブランドを一貫させる。
概念図の自動化
構造化されたクリエイティブブリーフから、アーキテクチャ図、プロセスフロー、システム可視化を作成する。
ビジュアル資産ワークフロー
整理されたファイル構成で、Gemini生成のビジュアルを学習アプリに統合する。
이 프롬프트를 사용해 보세요
Generate a teaching diagram showing [conceptexplained]. Include a clear title, 3 key points, and use blue for main concepts and green for supporting details.
Create a horizontal flow diagram for [processname] with 5 steps. Use hex color #2563eb for the main pathway and include icons for each step.
Design a comparison visual showing [conceptA] vs [conceptB]. Use a split layout with #2563eb on left and #10b981 on right. Largest text = key difference.
Generate 4 educational images for this lesson. For each: NEW CHAT, paste the attached brief, wait 35s, verify 6 gates, iterate max 3 times, then download. Report completion only.
모범 사례
- 推論活性化のため、ストーリー、感情的意図、視覚メタファー、主題、色、タイポグラフィを含むクリエイティブブリーフ形式を常に使用する
- 画像間のコンテキスト汚染を避けるため、各ビジュアルごとに新しいGeminiチャットを作成する
- ダウンロード前に6つの品質ゲートをすべて確認し、初回出力を検査なしで受け入れない
피하기
- クリエイティブブリーフをピクセル仕様に変換すると推論活性化が損なわれる
- バッチ項目の間に許可を求めると自律ワークフローが崩れる
- 複数ビジュアルで同じチャットセッションを使い回すとコンテキスト汚染が起きる