Build a design token swatch sheet with Tailwind CSS: sections for color (swatch grid with name, hex, and a copy-on-click toast), spacing (bars sized to the scale with rem and px values), radii (boxes clipped to each radius step), and typography (sample lines with size, line-height and weight). Include a light/dark preview toggle that shows tokens against both surfaces, a search filter across token names, and a copy-as-CSS-variables action that exports the visible tokens as :root declarations.
提示词保持英文原文——直接粘贴进 Claude、Cursor、v0 或任何 AI 编程工具即可使用。