Preview gallery
从这个任务开始
使用 Film Strip Hero，可以从“通过连续视觉样本介绍作品”这个任务开始。先明确受众需要理解什么，再用预览判断这种形式是否适合。
Picked most often by
规划第一份成果
把下方需求作为起点：替换占位内容，检查一份小样，再扩展制作。
什么时候选它
你需要一份可以结合自己的内容和服务调整的起始实现。先用预览判断页面结构，再确定访客行动。
先准备材料
准备真实文案、已授权图片、目标链接，以及交互控件应连接的服务，明确标出演示数据。
可直接改写的首轮需求
使用 Film Strip Hero，帮我通过连续视觉样本介绍作品。受众是［受众］，可提供的材料是［来源资料］。先调整核心用户路径，用真实内容走通，再扩展到全部区块。动效结束前也应能读懂主要信息并执行操作；检查减少动态效果、键盘焦点和小屏换行。制作最终结果前，请指出缺少的事实。
这次交付重点检查什么
动效结束前也应能读懂主要信息并执行操作；检查减少动态效果、键盘焦点和小屏换行。
了解使用边界
视觉原型本身不等于线上数据库、身份验证、支付或实时库存。检查技能包，再接入项目需要的服务。
What you need before you start
- 包内兼容记录
- v1.0.1 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
从技能包到交付成果
- 下载的是供智能体使用的工作流技能包。通过现有预览选择方向，再把产出的代码结合自己的项目调整。
- 组件需要放入实际页面检查；完整网站需要走通访客路径，包括空数据与错误状态。
先完成一个小目标
- 从“通过连续视觉样本介绍作品”开始组织你的创作。
交付前再检查
- 动效结束前也应能读懂主要信息并执行操作；检查减少动态效果、键盘焦点和小屏换行。
- 视觉原型本身不等于线上数据库、身份验证、支付或实时库存。检查技能包，再接入项目需要的服务。
品牌识别和视觉系统产品发布和应用程序增长网页设计和数字体验创建 UI 视觉效果建立网站页面构建登陆页面Editable Output视觉上抛光适合初学者暖中性青色口音动力学摄影
User reviews
Loading reviews…
FAQ
动效结束前也应能读懂主要信息并执行操作；检查减少动态效果、键盘焦点和小屏换行。
先调整核心用户路径，用真实内容走通，再扩展到全部区块。
视觉原型本身不等于线上数据库、身份验证、支付或实时库存。检查技能包，再接入项目需要的服务。
