Doc Illustration

Doc Illustration

Use this skill to create polished illustrations for technical writing.

Quick workflow

1. Identify the illustration type:
   • architecture diagram
   • process diagram
   • knowledge card
   • repo or module relationship diagram
   • technical infographic
2. Pick a style profile:
   • default: flat-tech-infographic
   • optional: flat-illustration, sketchnote, soft-tech-diagram, repo-architecture-clean
3. If the user supplied reference images, treat them as style guidance only.
4. Prefer document-friendly landscape output unless the user requests another ratio.
5. Prefer concise bilingual labels and short notes over paragraph-heavy copy.
6. If the user wants to inspect the prompt first, use --dry-run.
7. For live generation, run the bundled script.

Script

Use:

uv run scripts/generate_doc_illustration.py \
  --title "RAG Pipeline Overview" \
  --brief "Create a technical infographic showing ingestion, chunking, embedding, retrieval, reranking, and answer synthesis." \
  --style-profile flat-tech-infographic

Use --mode reference+text --reference-image when the new image should follow the style of one or more reference images.

Use --dry-run when the user wants the exact prompt and parameters without calling the API.

Default output settings:

• --size auto for best compatibility with GPT image providers
• --quality auto for high-fidelity default behavior without over-constraining the request
• use --size doc-hd for an explicit landscape document illustration size (1536x1024)
• use --size doc-2k for a 2K landscape document illustration size (2048x1152)
• use --size doc-4k for a 4K landscape document illustration size (3840x2160)

Authentication

• Read OPENAI_API_KEY from the current shell first.
• Read OPENAI_BASE_URL from the current shell second.
• If OPENAI_API_KEY is missing for a live generation run, prompt temporarily in an interactive shell or tell the user to export the environment variable.
• Do not write credentials to disk.

Model selection

• Use gpt-image-2 for official OpenAI and for https://aihubmix.com/v1.
• Use openai/gpt-image-2 for https://api.ofox.ai/v1.
• Default back to gpt-image-2 unless a provider requires a namespaced model name.

References

• Read references/style-profiles.md when selecting or explaining styles.
• Read references/prompt-patterns.md when the requested illustration type needs prompt refinement.
• Read references/openai-image-workflow.md when debugging auth, request modes, or output behavior.
• Read references/openai-official-links.md when you need the official OpenAI docs for GPT Image, Images API, or Python examples.