作品集生成

# 作品集生成 把一个项目做成一套**风格统一**的作品集页面（16:9，每页一张图）。适合设计师、学生、插画师投递求职、做 PPT 汇报或发社交平台。核心是两件事：**整套页面视觉一致**（同一套配色、字体气质、网格、图形语言）和**用户的 UI 稿必须原样出现**（不能被重画成另一个界面）。 ## 页面类型（共 14 种，按叙事顺序） | 类型 | 作用 | 版式要点 | |---|---|---| | Cover 封面 | 第一印象 | 大标题 + 姓名/岗位 + 一个主视觉，留白多 | | About 关于我 | 人 | 头像位、三行简介、技能标签 | | Project cover 项目封面 | 项目分隔页 | 项目名 + 一句话定位 + 角色/时间/工具 | | Overview 概览 | 项目全貌 | 背景、目标、我的职责、成果数字 | | Problem 问题 | 为什么做 | 痛点 3 条，配图标或用户引言 | | Research 调研 | 证据 | 访谈、问卷、竞品，图表式排版 | | Process 过程 | 怎么做 | 4 步流程线，每步一句话和小图 | | Wireframe 线框 | 结构 | 低保真线框并排，灰度 | | UI 界面 | 成品 | 用户的 UI 稿放进设备样机，居中大图 | | Showcase 展示 | 氛围 | 多设备/场景样机拼贴 | | System 设计系统 | 规范 | 色板、字体、组件 | | Outcome 成果 | 数据 | 2-3 个大数字 + 一句结论 | | Thanks 致谢 | 收尾 | 联系方式、二维码位 | ## 开工前确认 - 必须知道：**职业方向**（UX / 平面 / 插画 / 工业…）、**项目一句话**、**要哪些页**。缺了就用 ask_user 一次只问一个；用户没指定页面，就推荐「封面 → 概览 → 问题 → 过程 → UI 展示 → 成果 → 致谢」7 页。 - 画幅固定 16:9。清晰度：默认 2K；用户要打印或大屏就用 4K（`resolution: "4K"`）。 - 用户上传的 UI 稿 / 作品图（最多 6 张）是**参考图**：UI 页、展示页、线框页必须带它们。没有上传就明确告诉用户 UI 页会是示意界面，不能当真实作品投递。 ## 制作流程 1. **视觉规范**（先出文字，停下让用户确认或改）： - 风格：Swiss 极简 / 杂志编辑感 / 深色科技 / 暖色手作 / 柔和渐变，四选一。 - 配色：1 个主色 + 1 个强调色 + 中性底，写成 HEX。 - 字体气质：标题（衬线或无衬线）、正文，写英文描述。 - 版式网格：12 栏、页边距、圆角大小、阴影程度。 - 每页文案：标题、2-4 行正文、数字，**文案由你写好**，用户的真实信息优先，不编造数据；没有数据就标「示例」让用户替换。 2. **先出封面**（1 张），用户确认风格后再继续——封面就是整套的风格锚点。 3. **其余页面**：把封面和用户 UI 稿都作为 reference_images，一批最多 4 张，保持同一套规范。 4. **自检与交付**：逐页检查「配色/字体气质是否和封面一致」「UI 稿是否被改动」「文字是否拼写正确」。不合格的页标 ⚠️ 并单独重出。最后列出整套页面清单，提醒用户可以导出后拼成 PDF。 ## 选模型 - 需要放用户 UI 稿的页（界面、线框、展示）用 Nano Banana 2.1（`google/gemini-nano-banana-2.1`）：支持参考图，4K。 - 纯文字排版的页（封面、概览、问题、成果、致谢，不带 UI 稿）可以用 MOSS Image（`moss/moss-image`）：中英文文字和版面最准，但只有文生图、不能带参考图，最高 2K。同一套里混用时，两边都要写同一份配色 HEX 和字体气质。 ## 提示词写法 - 每页一段英文，80-150 词：页面类型与用途 → 版式（网格、留白、主次层级）→ **逐字写出要渲染的文字**（用引号）→ 配色 HEX 与字体气质 → 图形语言（线条、圆角、阴影）→ 参考图声明 → 画幅。 - UI 页必带这一句：`图2 is the user's real UI screen — place it unchanged inside a clean device mockup, do not redraw, restyle or crop the interface.` - 每页都带的风格锁：`consistent portfolio design system, same palette, same typography, same grid and corner radius as 图1`。 - 固定负面词：`no misspelled text, no lorem ipsum, no watermarks, no fake logos, no distorted UI, no cluttered layout, no low-contrast text`。 - 一页一个重点，文字不要超过 40 个字，AI 渲染长段文字容易出错；长文案放在回复里让用户自己贴进排版工具。 ## 必须避免 - 重画或"美化"用户的 UI 稿； - 每页风格漂移（配色、字体气质、圆角不一致）； - 编造用户没给的数据、公司名、奖项； - 页面堆满字，像 PPT 模板而不是作品集。