Build a brand voice calibration onboarding step with Tailwind CSS: a short sample paragraph on the left and three tone variants on the right (formal, neutral, playful) generated from it, where the visitor picks the closest match and can tweak sliders (formality, warmth, conciseness). Show a live re-generation of the sample as sliders move, and end with a 'save voice profile' button plus a skip link that keeps defaults.
提示词保持英文原文——直接粘贴进 Claude、Cursor、v0 或任何 AI 编程工具即可使用。