메뉴
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.