運作說明 · How it works · Agent Loop 可視化
Visualize agent loops with local LLM inference and token-level transparency
Visit cyyeh.github.io ↗What is 運作說明 · How it works · Agent Loop 可視化?
Agent Loop Visualizer displays how language models execute agentic workflows step-by-step. A chat interface on the left mirrors the agent's reasoning loop shown on the right: the model reads context, proposes actions, a harness executes them, and results feed back until completion. Models (Gemma 4 E2B or Qwen 3.5) run locally in your browser via Hugging Face transformers, exposing token probabilities, candidate tokens, and generation speed. MTP speculative decoding accelerates Gemma 4. The companion "How it works" guide maps each step to source code with file names and line numbers. Bilingual interface in English and Traditional Chinese.
Momentum
Daily activity over the last 30 days: upvotes, unique visits, new GitHub stars and Hacker News points.
How do we know it's vibe coded?
vibetrend discovered 運作說明 · How it works · Agent Loop 可視化 automatically. Evidence: Trending on git-trends.github.io: agent files (claude-code) in cyyeh/agent-loop-visualizer. View source.
Similar vibe-coded apps
#6 this week523 free lessons building AI systems from math and first principles

A 25 cm open-source biped robot trained with reinforcement learning

Project-based course on building reliable AI coding agent environments

Learn AI coding by building real products, from zero to shipped


C. elegans brain simulation steering a language model in your browser

Interactive climate simulation built from first-principles physics

Free AI coding curriculum with 95 classes on Claude, Cursor, Gemini