博客内容

自选路径导读

Choose-your-path field guide

按读者目标定制长文阅读路线

实时预览

提示词正文

Build a choose-your-path guide with Tailwind CSS: an intro block explaining that the guide adapts to the reader, then three to four goal cards ("I'm evaluating", "I'm migrating", "I'm troubleshooting") each linking to a reordered reading route. The chosen path shows a vertical route of sections with estimated total time, lets the reader switch paths at any point without losing scroll position, and marks the current section with a "you are here" indicator in a mini-map beside the route.

提示词保持英文原文——直接粘贴进 Claude、Cursor、v0 或任何 AI 编程工具即可使用。

怎么用

目标卡切换阅读路线;路线含预计总时长;切换不丢滚动位置;小地图标当前位置。

同类提示词 · 博客内容

© 2026 Genisource Vibe · 提示词详情