القائمة
Use when 为 Axhub Make client 项目生成 UI 设计图、高保真原型视觉、生产风格网站截图、整页界面稿、UI 素材、图标、占位图或参考位图；尤其是请求提到 Image Gen、AI 图片生成、设计图、UI assets、prototype visuals 或需要判断移动端/PC 端画布比例时。
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
Use only when the user explicitly asks to run demand exploration or requirements refinement, invokes $requirements-exploration, or asks to create/update confirmed requirement docs before prototype work. Do not trigger automatically for ordinary prototype generation, vague briefs, local edits, or bug fixes.
Use only when 用户明确要求把本地截图、设计稿或高保真界面图还原成 Axhub Make client 可运行原型；或显式调用 $screenshot-to-prototype。仅提供图片作为素材、参考图、需求图或风格上下文时不要使用。
Use when the user explicitly asks to write, draft, create, update, or synthesize a PRD for an Axhub Make client project, especially when the PRD may aggregate multiple prototypes, resources, canvas notes, or existing product context.
仅当任务明确涉及 Axhub 画布、原型草稿、Excalidraw 画布文件、画布节点/批注/截图/图片，或需要把文档、原型页面、图片、流程图等产物落到画布上时使用。
Use when a Make client批注 or user request asks for 多方案探索, 多方案生成, 多方案对比, 方案对比, 设计决策, 比稿, 先出方案, or choosing among 2-3 UI/code modification directions before executing one.
原型标注替代 PRD 时使用：把页面目录、组件说明、状态说明和补充文档接入可运行原型，供评审、交付和后续需求说明使用。
| name | ui-design-image |
| description | Use when 为 Axhub Make client 项目生成 UI 设计图、高保真原型视觉、生产风格网站截图、整页界面稿、UI 素材、图标、占位图或参考位图；尤其是请求提到 Image Gen、AI 图片生成、设计图、UI assets、prototype visuals 或需要判断移动端/PC 端画布比例时。 |
这是 Axhub Make client 对系统 imagegen 技能的轻量包装。
acp-ui-image-generation/generate_image<AXHUB_MAKE_HOME_DIR or user home>/.axhub/make/server.config.json。.axhub/make/axhub.config.json；该文件不承载图片生成配置。ai.imageGeneration.baseUrl、ai.imageGeneration.apiKey 和 ai.imageGeneration.model。CODEX_HOME，然后检查用户 home 下的 .codex。config.toml 读取 provider base_url；从 auth.json 读取 API key。baseUrl、apiKey、model 作为 Image Gen provider settings 执行；现有配置即授权使用该 provider/model，不再追加 CLI/API 确认，其他生成规则继续遵循系统 imagegen 技能。如果没有服务端配置或本地配置，则回退到系统 imagegen 的默认行为。
提示词应聚焦 UI 设计用途：目标画面、输出角色、尺寸/比例、视觉风格、精确文案、透明背景需求，以及输出保存位置。
写给第三方图片生成工具的提示词，应按真实产品或正式界面来描述，不要传递内部 prototype 概念。只有用户明确要求低保真、线框图、占位图或草稿时，才使用 wireframe、placeholder、draft 等词。
在调用图片生成工具前，必须先判断目标载体，并把画布比例写进提示词或工具参数。gpt-image-2 的 API 参数 size 可以使用符合约束的自定义尺寸：宽高都必须是 16 的倍数，最长边必须小于 3840px，长短边比例不超过 3:1，总像素在 655360 到 8294400 之间。设备真实比例写进提示词；不要把不符合约束的设备物理尺寸直接传给 size。
用户没有明确指定尺寸时，按以下默认值处理：
| 场景 | 默认画布 | 工具尺寸建议 |
|---|---|---|
| 手机 App、小程序、移动端 H5 整屏 | 竖向手机屏，约 9:19.5，接近 390x844 | 768x1664；需要更高清时用 1168x2528，并在提示词中强调手机整屏比例 |
| PC Web、后台、SaaS、桌面端产品页 | 横向桌面屏，16:10 或接近 1440x900 | 1440x896；需要更高清时用 1920x1200 |
| 平板界面 | 4:3 或 3:4，按横竖屏需求选择 | 使用最接近的合规 size，例如 1536x2048 或 2048x1536，并在提示词中说明平板横/竖屏 |
| 图标、头像、独立素材矩阵 | 1:1 | 1024x1024 |
| Banner、封面、Hero 背景 | 16:9、21:9 或用户指定平台比例 | 使用满足 Image 2 约束的横向尺寸，例如 1920x1088 |
如果用户说“移动端、手机、App、小程序、H5”，默认使用竖向手机整屏；不要生成方图、横图、平板比例或宽得像桌面端的手机 UI。如果用户说“PC、Web、后台、SaaS、Dashboard、管理端、桌面端”，默认使用横向桌面画布；不要生成手机竖屏。只有用户明确说“自适应/多端”时，才分别生成移动端和 PC 端多张图。
写最终提示词时加入类似字段：
Canvas/aspect ratio: mobile portrait phone screen, about 9:19.5, 390x844 logical pixels.
Device target: modern smartphone app full screen.
Frame treatment: show one complete phone screen UI, no browser chrome unless requested, no tablet or desktop layout.
Avoid: square canvas, landscape canvas, tablet-like proportions, cropped UI, extra outer mockup scene.