interactive-explainer

生成美观自包含单文件HTML工件的技能，13种模式、五维评审、DevLoop迭代 |A skill for generating beautiful, self-contained, single-file HTML artifacts. 13 patterns, 5-dimension critique, DevLoop iteration.

LLM Architectures Explained: how language-model architectures differ, model by model, with every value sourced, a tested cost model and diagrams generated from the data.

Grok Bot 头像动画引擎的逆向解剖：可交互讲解页 + 动画编辑器（程序化 SVG / 贝塞尔 clip / 弹簧 / 球面眼睛），0 依赖 0 构建 · Reverse-engineered anatomy of the GrokBot avatar animation engine — interactive explainer + editor, zero-dependency procedural SVG

Interactive explainer: BDH's attention has no softmax, so it is exactly a Hebbian synaptic memory — one fixed-size matrix written once per token. Run both forms, watch them agree to 1e-16, then break it with one toggle. DataForge 2026, Pathway track.

Multi-audience interactive explainers (JEPA & world models, orbital mechanics, quantum computing, elasticity, electromagnetism) + the Claude Code skill that generates them

Language as lossy compression of thought: an interactive explainer, in a single self-contained HTML file, on which kinds of thought survive being put into words.

Interactive explainers on robot data: LeRobot datasets, ROS bags, MCAP, and which format to use

Seven kinds of website, one AI agent. A WebMCP-powered interactive explainer where your agent proves what agents do to the web, room by room.

The Atlas is a knowledge base of language models with information on how they work as well as agentic loops and loop engineering!!

Agent Orchestration Explained: agents as graphs, steps and checkpoints, multi-agent patterns and durable runs, on an engine checked against real LangGraph in CI.

Following Summer: a three-part visualisation of bird migration. A phylogenetic canopy, a flyway atlas, and a WebGL globe lit by a moving day/night terminator.

AI Racks Explained: the machines underneath AI, from the package and NVLink racks to networks, power and cooling, animated by a tested model with every hardware figure sourced and dated.

Agent Context Explained: what goes into an agent's context window, retrieval and memory, with every number measured on SQuAD with real embeddings and recorded reranker scores.

Agent Harnesses Explained: the loop between a model and the world (tools, permissions, context, caching, sub-agents), animated by a deterministic simulator whose Python and TypeScript halves agree token for token.

Agent Security Explained: how to build agents that stay safe, defences only: trust boundaries and labels, untrusted input, the lethal trifecta, least privilege and sandboxing, driven by a tested policy engine.

Inference Trade-offs Explained: which serving lever helps which metric, for which workload, from a recorded sweep of a discrete-event simulator that also runs in your browser.

The complete ASD-STE100 Simplified Technical English skill for Claude Code, Codex, and LLMs. Features Andrej Karpathy's Ladder of Understanding (STE-100, diagrams, interactive HTML, 3b1b video), linter, and prompt compiler.

Every way from a corporate network into AWS, drawn as a road map: VPN, Direct Connect, SD-WAN, Transit Gateway, Cloud WAN, PrivateLink, hybrid DNS, user access. EN/JA.

Agent Evals Explained: how to tell whether an agent is good, and how sure you can be: benchmarks, pass@k vs pass^k, intervals, paired comparisons, graders and cost, driven by a tested engine.

GPU Kernels Explained: how a GPU actually executes the maths (memory hierarchy, roofline, coalescing, bank conflicts, occupancy, GEMM, FlashAttention), animated by a tested execution model.