158 lines
5.9 KiB
Markdown
158 lines
5.9 KiB
Markdown
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/<slug>.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 |