Build an analytics overview with Tailwind CSS: a row of range chips (today, 7d, 30d, custom) at the top that re-query and re-render every figure, chart and table on the page together. Show a loading skeleton during the switch, keep the previous data visible until the new data lands, and label the active range clearly in the page header so screenshots stay honest.
提示词保持英文原文——直接粘贴进 Claude、Cursor、v0 或任何 AI 编程工具即可使用。