Build an HTTP cache policy simulator with Tailwind CSS: controls for Cache-Control max-age, stale-while-revalidate and s-maxages plus an ETag, and a timeline that plays out successive requests showing each response as fresh (green, served from cache), stale (amber, served while revalidating) or expired (red, must revalidate) with the header values responsible called out. Include a step-through mode with prev/next request buttons, a log panel narrating what the browser does at each step, and preset scenarios (static asset, API JSON, personalized page) to load quickly.
提示词保持英文原文——直接粘贴进 Claude、Cursor、v0 或任何 AI 编程工具即可使用。