AI Mechanism Infographic

{
  "type": "educational infographic",
  "header": {
    "title": "{argument name=\"main title\" default=\"How the Latest AI (ChatGPT / Claude) Works\"}",
    "badge": "{argument name=\"target audience badge\" default=\"Understandable even for High School Students!\"}",
    "subtitle": "{argument name=\"subtitle\" default=\"Explaining in one image the mechanism of an AI that understands text, images, and audio, and can think and act!\"}"
  },
  "layout": {
    "style": "clean, flat design, structured grid, Japanese text",
    "sections": [
      {
        "title": "How AI Gets an Answer (Basic Flow)",
        "position": "left column",
        "count": 6,
        "labels": ["Input", "Tokenization (Token)", "Vectorization (Embedding)", "Transformer (AI's Brain)", "Next Token Prediction (Generation)", "Output"],
        "visuals": "vertical flow with arrows, boy using laptop, token splitting diagram, vector number arrays, self-attention tree, robot icon"
      },
      {
        "title": "This is the Core! 3 Important Points",
        "position": "top right",
        "count": 3,
        "labels": ["Token", "Transformer", "Next Token Prediction"],
        "visuals": "tokenization blocks, self-attention node network, word prediction sequence"
      },
      {
        "title": "Recent Breakthroughs (2024-2025)",
        "position": "middle right",
        "count": 4,
        "labels": ["Multimodality", "Agentization", "Improved Long-form & Reasoning Abilities", "Efficiency & Speed"],
        "visuals": "image/audio/text icons, robot agent flowchart, lightbulb and book, speedometer with 3 expert nodes"
      },
      {
        "title": "Overall Summary",
        "position": "bottom full width",
        "elements": [
          "horizontal 6-step flowchart",
          "yellow summary box with text: {argument name=\"summary text\" default=\"'AI is a giant mathematical machine that finely divides information, converts it to numbers, calculates relationships, and predicts what comes next!'\"}",
          "{argument name=\"character style\" default=\"anime-style female student pointing and smiling\"}"
        ]
      }
    ]
  }
}

Machine-translated — the original is what produced this result.

✨ Generate Save Copy prompt Share Original post Open in Hitboard