hello.frontend

Frontend AI

Everything a frontend engineer needs to interview at AI companies — hands-on machine coding, mentor-tone guides on streaming, agents, and RAG, plus a scannable glossary.

AI Machine Coding5 problems
AI Streaming Chat WindowNEW
Medium
Slash-Command Prompt InputNEW
Medium
AI Citations PanelPRONEW
Medium
AI Inline Diff ViewerPRONEW
Hard
AI Agent Trace RendererPRONEW
Hard
AI System Design3 questionsNEW
Design Perplexity (RAG Search with Citations)PRONEW
Hard
Design a Self-healing React ComponentNEW
Hard
Design ChatGPT (Streaming Chat with Branching & Share-link)NEW
Hard
Underlying Knowledge5 conceptsNEW
Streaming protocols compared: SSE vs WebSockets vs HTTP/2 Push vs chunked transfer
Easy
AbortController and how it composes with fetch + ReadableStream
Medium
TextDecoder({ stream: true }): why UTF-8 boundaries break naïve streamingPRO
Medium
From token generation to character render: the full streaming pipelinePRO
Medium
RAG: where does the frontend's responsibility start and end?PRO
Medium
Guides6 mentor-tone walk-throughs
Streaming Responses for Frontend Engineers
Foundational·12 min read
Building Chat UIs That Don't Annoy Users
Core·10 min read
Understanding LLM APIs as a Frontend Engineer
Core·11 min read
Agents and Tool Use, Demystified
Core·9 min read
RAG: How AI Products Talk About Your Data
Core·10 min read
Shipping AI Features That Survive Real Users
Advanced·9 min read
Reference
AI Frontend Glossary32 terms across streaming, agents, retrieval, and SDKs