得到首页、项目索引、项目详情和联系入口的作品集结构，并建立一套可重复添加新项目的视觉规则。
TOP 02 · PORTFOLIO FROM REFERENCE
设计师作品集从参考图到上线页面
不是照抄一张参考图，而是把构图、文字层级、项目节奏和互动关系拆成可执行约束，再完成一套能介绍你、展示作品并接住咨询的作品集。
视觉设计师、交互设计师、三维艺术家、自由职业者和小型工作室。
1 个工作日，进阶难度。
DEFINITION OF DONE
做完不是“生成了一张图”，而是交付这三项
- 01
作品集首页与项目索引
- 02
一套项目详情页叙事模板
- 03
联系、服务范围与合作流程入口
EXECUTION PATH
按这个顺序推进
先解决产品和内容判断，再让 AI 执行页面。顺序反了，生成速度越快，返工越多。
- 01
拆参考，不临摹
标注参考图中的网格、留白、字体比例、图像裁切和滚动节奏，只保留可解释的设计关系。
- 02
先写项目故事
每个项目按背景、限制、你的判断、过程和结果组织，不让大图替代你的贡献说明。
- 03
建立可复用系统
统一标题尺度、容器宽度、图片比例、项目编号和按钮样式，让新增作品不必重新设计整站。
- 04
用真实设备验收
检查手机图片裁切、长标题换行、触控目标、视频降级和联系入口，避免桌面好看而手机不可用。
公开可看的项目骨架
- 参考图拆解方法
- 作品叙事结构
- 移动端验收重点
会员使用包内完整素材
- 3 个包内完整构建提示词
- 月度会员按每月 20 个额度选择包内会员提示词
- 年度与永久会员可使用全部会员提示词，每日最多首次解锁 50 个
INCLUDED BUILDING BLOCKS
包内可直接调用的素材
这些素材负责提供视觉、结构或组件。先按项目路径判断，再进入详情和会员复制。
QUALITY GATE
满足这些条件，才算完成
项目包卖的不是生成次数，而是一个可检查的完成标准。
访客能区分团队成果与设计师本人贡献
每个项目都有可读文字，不依赖悬停才能理解
图片有稳定尺寸，加载时页面不会明显跳动
联系入口包含明确合作类型和下一步
NEXT PROJECT
接下来可以继续做
围绕同一阶段选择下一条结果路径，不必重新从 452 张卡片里猜。
TOP 013 小时做出 AI SaaS 官网
把产品定位、首屏、功能解释、信任证据、定价与行动入口编排成一套 3 小时 AI SaaS 官网工作流，适合已有产品信息和基础品牌素材的团队。
交付结果- 一张包含 Hero、能力、工作流、定价、信任与 CTA 的官网
- 一套适配豆包、Codex、Cursor 的分阶段执行顺序
TOP 05
TOP 08