nexus/Hermes/xingzhi/infographic/llm-wiki-sync-circular-flow/prompts/infographic.md

Create a professional infographic following these specifications:

Image Specifications

• Type: Infographic
• Layout: circular-flow (Cyclic process showing continuous or recurring steps)
• Style: chalkboard (Black chalkboard background with colorful chalk drawing style)
• Aspect Ratio: 16:9
• Language: English

Core Principles

• Follow the layout structure precisely for information architecture
• Apply style aesthetics consistently throughout
• If content involves sensitive or copyrighted figures, create stylistically similar alternatives
• Keep information concise, highlight keywords and core concepts
• Use ample whitespace for visual clarity
• Maintain clear visual hierarchy

Text Requirements

• All text must match the specified style treatment
• Main titles should be prominent and readable
• Key concepts should be visually emphasized
• Labels should be clear and appropriately sized
• Use the specified language for all text content

Layout Guidelines

• Circular arrangement
• Steps around the circle
• Arrows showing direction
• No clear start/end (continuous)
• Center can hold main concept
• Circle or ring shape
• Directional arrows
• Step nodes evenly spaced
• Icons per step
• Optional center element

Style Guidelines

• Background: Chalkboard Black (#1A1A1A) or Dark Green-Black (#1C2B1C)
• Texture: Realistic chalkboard texture with subtle scratches, dust particles, and faint eraser marks
• Typography: Hand-drawn chalk lettering style with visible chalk texture. Imperfect baseline adds authenticity.
• Color Palette:
  • Background: Chalkboard Black (#1A1A1A)
  • Primary Text: Chalk White (#F5F5F5)
  • Accent 1: Chalk Yellow (#FFE566)
  • Accent 2: Chalk Pink (#FF9999)
  • Accent 3: Chalk Blue (#66B3FF)
  • Accent 4: Chalk Green (#90EE90)
  • Accent 5: Chalk Orange (#FFB366)
• Visual Elements:
  • Hand-drawn chalk illustrations with sketchy, imperfect lines
  • Chalk dust effects around text and key elements
  • Doodles: stars, arrows, underlines, circles, checkmarks
  • Eraser smudges and chalk residue textures
  • Wooden frame border optional
  • Stick figures and simple icons
  • Connection lines with hand-drawn feel
• Style Rules:
  • Maintain authentic chalk texture on all elements
  • Use imperfect, hand-drawn quality throughout
  • Add subtle chalk dust and smudge effects
  • Create visual hierarchy with color variety
  • Include playful doodles and annotations
  • DO NOT use perfect geometric shapes
  • DO NOT create clean digital-looking lines

---

Generate the infographic based on the content below:

llm-wiki-sync: Turning Scattered Notes into a Reusable Knowledge Base

Overview

A cyclical pipeline showing how raw notes are continuously transformed through LLM-powered ingestion into structured wiki pages, then feedback into the knowledge base for reuse.

The Knowledge Pipeline Cycle (Center Concept)

The llm-wiki-sync pipeline operates as a continuous cycle, not a linear process. 7 stages in the cycle: Raw Note → Ingest → Extract → Source Page → Graph/Site → Reuse → Feedback Loop

Circular Flow Diagram with 7 Stages:

1. Raw Note (Stage 1)

   • Original documents stored in raw/ folder
   • Contains unprocessed information awaiting structure
   • Icon: Stack of paper/note icon

2. Ingest (Stage 2)

   • LLM analyzes and extracts structured information
   • Hermes skill triggers Claude Code for ingestion
   • Context check against wiki/index.md prevents duplicates
   • Icon: Brain/processing icon

3. Extract (Stage 3)

   • Six key elements extracted from each document:
     • Summary (核心主题, 问题域, 方法/机制, 结论/价值)
     • Key Claims (Verifiable assertions)
     • Key Quotes (Preserved citations)
     • Key Entities (LaunchDarkly, HP, etc.)
     • Key Concepts (RTO, RPO, Feature Flag, etc.)
     • Connections (depends_on, enables, provides)
   • Icon: Six circles/callouts

4. Source Page (Stage 4)

   • Written to wiki/sources/.md
   • Contains frontmatter and standard sections
   • Links use PageName format
   • Icon: Document/page icon

5. Graph & Site (Stage 5)

   • graph.json: Machine-readable graph structure
   • graph.html: Interactive visualization
   • Quartz: Static site generation
   • Icon: Network/graph icon

6. Reuse (Stage 6)

   • Query, Synthesize, Write, Connect
   • Icon: Multiple arrows pointing outward

7. Feedback Loop (Stage 7)

   • New insights become new raw notes
   • Cycle continues indefinitely
   • Icon: Circular arrow completing the cycle

Key Quotes (to include as callouts):

• "RTO is about speed: how fast you get back online. RPO is about data: how much you can afford to lose."
• "Deploy != Release. Feature flags change this. You can deploy code to production without releasing it to users."

Design Requirements:

• Circular flow with 7 stages evenly spaced around a circle
• Clockwise arrow direction
• Center contains: "llm-wiki-sync" as main concept
• Each stage is a node with icon + label
• Extraction outputs (6 items) shown as callouts or inner ring
• Dark chalkboard background with hand-drawn chalk accents
• Chalk colors for visual hierarchy
• Imperfect, sketchy lines throughout
• Publication-ready quality
• NO clutter - only essential elements
• Clear hierarchy: title > headlines > labels > descriptions

Text Labels (in English):

• Headline: "The Knowledge Pipeline Cycle"
• Subhead: "How llm-wiki-sync transforms scattered notes into a reusable knowledge base"
• Stage labels: "Raw Note", "Ingest", "Extract", "Source Page", "Graph & Site", "Reuse", "Feedback"
• Center: "llm-wiki-sync"
• Extraction labels: "Summary", "Claims", "Quotes", "Entities", "Concepts", "Connections"

Key Constraints:

• 16:9 aspect ratio (landscape)
• All text in English
• Chalkboard style (dark background, chalk-like hand-drawn elements)
• Circular flow layout (NOT linear)
• Publication-ready, visually clear
• No clutter or excessive elements