Đồ họa Thông tin Vòng lặp Phát triển AI Agent

{
  "diagram": {
    "title": "[The Cycle of the Generative AI Agent Development Swamp]",
    "style": {
      "character": "simple editorial cute",
      "tone": "lighthearted informative comic",
      "line": "soft round outlines",
      "shading": "flat minimal",
      "palette": "muted editorial colors",
      "background": "light beige or clean off-white"
    },
    "rule": {
      "characters": "Only the first person is a senior engineer; all subsequent nodes feature the exact same protagonist character",
      "dialogue_tone": "Short, punchy, casual comic phrasing"
    }
  },
  "layout": {
    "intro_track": "Horizontal flow along the upper edge from left to right, then turning downward into a circular loop",
    "loop_track": "Large circular ring below, connected by clockwise curved directional arrows"
  },
  "nodes": [
    {
      "id": "A",
      "zone": "intro",
      "position": "upper_left",
      "actor": "Senior Engineer",
      "visual": "Pointing proudly at a laptop displaying an AI Agent Demo Screen",
      "says": "It'll make you happy.",
      "arrow": "straight right to B"
    },
    {
      "id": "B",
      "zone": "intro",
      "position": "upper_center",
      "actor": "Protagonist",
      "visual": "Waving lightly, curious expression",
      "says": "Even a simple agent...",
      "arrow": "straight right to C"
    },
    {
      "id": "C",
      "zone": "intro",
      "position": "upper_right",
      "actor": "Protagonist",
      "visual": "Typing and running sample code on a laptop labeled LangChain or CrewAI",
      "arrow": "straight down to D"
    },
    {
      "id": "D",
      "zone": "connector",
      "position": "right_outer_entry",
      "actor": "Protagonist",
      "visual": "Eyes wide open in cute shock, leaning forward with inspiration flash marks",
      "says": "Agents, this is insane...",
      "caption": "(Wakes up here)",
      "arrow": "gentle curve downward into the loop"
    },
    {
      "id": "E",
      "zone": "loop",
      "position": "top_right_of_ring",
      "actor": "Protagonist",
      "visual": "Holding head in hands with cute frustrated expression",
      "says": "Irritated",
      "thought_bubbles": [
        "Prompt Design",
        "Tool Selection",
        "Memory Design"
      ],
      "subtitle": "It's not working as intended...",
      "arrow": "curved clockwise along ring to F"
    },
    {
      "id": "F",
      "zone": "loop",
      "position": "bottom_right_of_ring",
      "actor": "Protagonist",
      "visual": "Surrounded by tangled terminal logs and code snippets",
      "callout": "Loop! Runaway! Hallucination!",
      "thought_bubbles": [
        "RAG",
        "Function Calling",
        "Tool-Use"
      ],
      "arrow": "curved clockwise along ring to G"
    },
    {
      "id": "G",
      "zone": "loop",
      "position": "bottom_center_of_ring",
      "actor": "Protagonist",
      "visual": "Covered in sticky notes and architecture diagrams",
      "says": "The body gradually develops tolerance, and usage increases.",
      "items": [
        "Agent Architecture Diagram",
        "Role Assignment Memo",
        "State Transition Flow"
      ],
      "arrow": "curved clockwise along ring to H"
    },
    {
      "id": "H",
      "zone": "loop",
      "position": "bottom_left_of_ring",
      "actor": "Protagonist",
      "visual": "Small cheerful fist pump as code temporarily works",
      "says": "Desire is temporarily satisfied",
      "arrow": "curved clockwise along ring to I"
    },
    {
      "id": "I",
      "zone": "loop",
      "position": "top_left_of_ring",
      "actor": "Protagonist",
      "visual": "Resting chin on hand, completely absorbed in deep thought",
      "says": "Thinking about the agent",
      "arrow": "curved clockwise along ring back to E"
    }
  ]
}