AI 实践一张适合手机打开的互动邀请页，清楚展示时间、地点、流程和联系方法。
开始前准备
先把材料准备好，再让 Codex 动手。缺少真实内容时先留空，不要让它替你编造。
- 准备活动名称、时间、地点和流程
- 确认哪些联系信息可以公开
- 准备一张有使用权的封面图或纯色方案
第一版只做这些
这一轮只完成最小可用版本。下面四项全部完成以后，再考虑增加功能。
- 关键信息无需交互即可看到
- 轻交互不阻碍阅读
- 地图和联系入口使用真实地址
- 关闭动效后内容仍完整
跟着完成一次
不要一次把全部要求扔给 Codex。按顺序完成，每一步都先看结果，再继续下一步。
- 01
先区分必须信息、氛围内容和不可公开信息。
- 02
设计一条手机单手滚动的阅读顺序。
- 03
实现日期倒计时、流程展开或祝福按钮中的一到两个轻交互。
- 04
为减少动态偏好提供静态表现。
- 05
检查链接、时区、窄屏和触摸操作。
复制给 Codex 的完整任务
把方括号中的内容替换成你自己的真实材料，再复制给 Codex。
项目开工提示词
请在当前练习目录制作一张移动端优先的互动邀请函。素材为【活动名称】【日期与时区】【地点与地图链接】【流程】【联系方法】。先列出信息层级、隐私风险和两个以内的轻交互，等我确认后再实现。不得把关键时间地点藏在动画里，不得自动播放声音，不得上传联系人或访客数据。页面需在关闭 JavaScript 或启用减少动态时仍能读到全部关键信息。完成后启动本地页面，使用手机宽度检查触摸目标、换行、日期计算、地图链接和无障碍状态，并报告验证结果。
Skill 怎么参与
Skill 只是帮助你加快某一步，不是完成项目的前提。没有安装，也可以让 Codex 按同样的目标继续做。
Impeccable
用于控制移动端层级、字体和有限动效。
Image Generation
可生成原创封面，但不能替代真实活动信息。
Browser / Playwright
用于触摸尺寸、日期和减少动态状态验收。
第一版完成以后
确认第一版可以使用，再复制下面这段升级任务。不要在基础功能还没跑通时提前增加。
项目升级提示词
在现有邀请页上增加可下载的日历文件和一键复制地址，但不要自动读取用户日历或定位。先验证日期、时区和地址，再生成文件与复制反馈；检查 iPhone、Android 常见宽度和键盘操作。
常见偏差
- 把重要信息藏在复杂开场动画后面。
- 自动播放声音或请求不必要的定位权限。
完成检查
- 时间、地点和联系方法一眼可见。
- 所有触摸按钮至少 44px。
- 减少动态模式仍能正常阅读。
- 地图与日期信息经过人工确认。