用途
Illustrated Gallery 是一个艺术指导与图像提示词编写指南，用于为用户的网站项目设计完整的插画风格页面，并撰写项目专属的图像生成提示词。它明确不是现成网站，也不附带任何图片、品牌、页面标记或固定素材清单。使用时应基于当前项目创建视觉语言和插画，不得因为其他项目用过该技能就直接复用其图片或内容。
主要能力
- 从项目出发：识别受众、主要任务、实际内容和请求范围，尊重既有集成要求。用户否定当前 UI 时，只检查为保留数据和行为所必需的部分，而不是复用其外观。
- 选择视觉方向：可参考提供的方向示例，但它们只是起点，不是预设或封闭菜单。配色、媒介、主题、构图、密度和动效可独立变化。选定方向后简要说明并继续，不把常规设计选择变成反复确认。
- 保留画廊的有用特质：讲究的构图、清晰的字体层级、有表现力的插画，以及足够留白以便阅读。蓝色植物、衬线标题、浮动卡片、深色背景和轮播都是可选项而非硬性要求，应由主题和用户任务决定。
- 设计整页：实现前为每个请求区块确定用途与布局，完整改版包括导航、主内容、搜索与筛选（若存在）、引导、辅助区块、空状态和页脚。仅更换首图而保留被否定的其余 UI 不算完整改版。
- 生成原创插画：优先使用用户提供的项目素材，否则使用可用的图像生成工具并遵循其文档流程。图像数量和宽高比应依据实际布局决定，而不是固定样张集合。
- 编写项目专属提示词：每张素材的提示词需覆盖角色与含义（所在页面区块及应表达的项目理念）、主题（与该理念相关的具体场景或视觉隐喻）、媒介（插画、拼贴、材质研究、摄影或其他处理）、配色与光线（如何契合页面视觉方向）、构图（焦点、文字安全区、取景和可能的移动端裁切），以及约束（不内嵌 UI 文本、不虚构标志、不误导性描绘产品）。应写实际可用的提示词，而非未填写的模板；一组素材之间保持共享媒介、材质或光线的一致性，同时变化主题与取景。
- 检查与整合：整合前检查生成图像。若主题与文字冲突、移动端裁切丢失焦点或存在误导性标签，应调整构图或重新生成。概念性插画应描述为插画，而不是真实产品截图或测量结果。最终图片存入目标项目而非本技能，并在项目现有来源说明中记录生成提示词与素材来源（若有）。
- 缺失素材处理：若没有合适图片或生成能力，报告缺失素材并继续独立的布局工作，请求所需素材或替代方案；不得静默替换为旧样图或声称设计已完成。
使用方式与交互实现
使用项目现有技术栈；静态页面不必为此设计单独引入框架。内容应在不依赖装饰效果的情况下保持可读。动效应配合构图：静态插画无需动画。若要求画廊与 ASCII 溶解过渡，渲染约 1.5 秒的全帧过渡，将前后图像采样为字符单元，并在切换之间保持画面静止；不要无理由地替换为擦除或添加扭曲、视差、持续缩放。
轮播需提供暂停、上一张/下一张、直接选择、键盘可操作控件、触摸导航和减少动态效果支持。暂停仅停止自动播放而不影响手动选择。图像移动、过渡和滚动行为应分开处理。仅首屏插画即时加载，其他大图按需延迟加载。
适用场景
适用于需要插画风格视觉语言并生成配套原创图像的网站项目，例如目录、作品集或内容展示页面；具体区块类型和布局应由项目主题与用户任务决定，不应把作品集卡片或工作室联系表单强加给无关任务。
限制与完成检查
- 不附带图片、品牌、页面标记或固定素材清单。
- 不编造项目截图、评分、测试结果或背书。
- 不为每一行都配无关生成图；仅在有助于解释概念或引导读者处放置插画，密集信息依靠字体与布局。
- 使用目标项目的检查方式，并在浏览器中查看完整页面；语法检查不能替代视觉验证。
- 验收要点：插画、文案和区块用途贴合本项目且无复制样张内容；请求范围内所有区块（包括页面下部）已检查；桌面与移动布局保持焦点、对比度可读、控件可用；导航、搜索、筛选、空状态及画廊交互正常；图片加载正常，使用了过渡则实际观察其效果，并尊重减少动态效果；资源记录与既有有用功能在改版后保留；发布输出中无无关图片且无横向溢出。
- 未验证的行为应如实报告。可直接执行已获授权的本地编辑与检查，复用现有图像生成与部署授权；仅当下一步超出用户范围时请求缺失授权。绝不发布到无关站点。