先访谈 5 问再写码:滚动网页生成的结构化 Prompt 模板
aziz4ai · x · 2026-10-02
- 作者分享一个让 Claude Sonnet 充当「资深创意开发者」的 prompt 模板：写代码前先对用户做结构化访谈，问且仅问 5 个问题，每题给 3-4 个选项加自定义项，逐题基于上一轮答案递进，全部答完前不写任何代码。
- 5 个问题覆盖：页面目的与访客终局动作、受众认知水平、要传达的 3-4 个叙事要点、（后续为滚动行为/视觉方向等）。
- 规则细节含：用用户语言提问与生成（阿语则 RTL）、模糊回答时不纠缠、选合理默认并标注假设。
- 作者用这套方法实测：单条 prompt 让 Sonnet 产出含 GSAP ScrollTrigger 的单文件 HTML，配 runware MCP 生成的两张图（完整/碎裂玻璃球），做出滚动触发的玻璃球破碎、区块钉住、横向滚动卡片等效果，PC 与移动端表现都很好。
- 关键经验：在提要求前先描述清楚动效——什么钉住、什么移动、何时切换。
所属事件:开发者分享用 Claude 一条提示词生成 GSAP 动画网页(2 条相关)→
「编程与Agent」频道最新
- llama.cpp 新增决策模型端点,单次前向给出选项概率 — ggerganov · 2026-10-02
- 10 个 GitHub 仓库升级你的 AI Agent：浏览网页、持久记忆到沙箱执行 — goyalshaliniuk · 2026-10-02
- 开发者实验：用 Agentic AI 生成矢量地图 — rsasaki0109 · 2026-10-02
- 研究员：AI Agent 沙箱内可完成的任务不应保留外联权限 — moniquejmorrow · 2026-10-02
- Agent 真瓶颈不在 GPU：CPU 工具执行与沙箱开销才是耗时大头 — ai · 2026-10-02
- Ruff 作者：团队不再写代码，关键是谁还在读代码 — charliermarsh · 2026-10-02