Agent skill

Image2 Prompt Pack

This skill should be used when the user asks to convert a PRD, OpenSpec change, or product idea into a structured GPT Image 2 UI prompt pack for generating high-fidelity flat UI reference images.

MITAuto-check passedProduct & Project Management

Install Image2 Prompt Pack

skills CLI

$ npx skills add Jason904/ui-skill-lab --skill image2-prompt-pack -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI

$ gh skill install Jason904/ui-skill-lab image2-prompt-pack --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy

$ git clone --depth 1 https://github.com/Jason904/ui-skill-lab.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/image2-prompt-pack .claude/skills/image2-prompt-pack && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Paste into Claude Code

Install the "image2-prompt-pack" agent skill from https://github.com/Jason904/ui-skill-lab/tree/main/skills/image2-prompt-pack into .claude/skills/image2-prompt-pack/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "image2-prompt-pack", then confirm the skill loads.

Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

$skill-installer

$skill-installer install https://github.com/Jason904/ui-skill-lab/tree/main/skills/image2-prompt-pack

Type this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.

skills CLI

$ npx skills add Jason904/ui-skill-lab --skill image2-prompt-pack -a codex

Project install goes to .agents/skills/; add -g for ~/.codex/skills/.

GitHub CLI

$ gh skill install Jason904/ui-skill-lab image2-prompt-pack --agent codex

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/Jason904/ui-skill-lab.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/image2-prompt-pack .agents/skills/image2-prompt-pack && rm -rf skills-src

Use ~/.agents/skills/ instead of .agents/skills for a personal install.

Codex skills documentation · loads skills from .agents/skills/

Paste into Codex

Install the "image2-prompt-pack" agent skill from https://github.com/Jason904/ui-skill-lab/tree/main/skills/image2-prompt-pack into .agents/skills/image2-prompt-pack/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "image2-prompt-pack", then confirm the skill loads.

Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add Jason904/ui-skill-lab --skill image2-prompt-pack -a cursor

Project install goes to .agents/skills/; add -g for ~/.cursor/skills/.

GitHub CLI

$ gh skill install Jason904/ui-skill-lab image2-prompt-pack --agent cursor

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/Jason904/ui-skill-lab.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/image2-prompt-pack .cursor/skills/image2-prompt-pack && rm -rf skills-src

Use ~/.cursor/skills/ instead of .cursor/skills for a personal install.

Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/

Paste into Cursor

Install the "image2-prompt-pack" agent skill from https://github.com/Jason904/ui-skill-lab/tree/main/skills/image2-prompt-pack into .cursor/skills/image2-prompt-pack/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "image2-prompt-pack", then confirm the skill loads.

Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

gemini skills install

$ gemini skills install https://github.com/Jason904/ui-skill-lab.git --path skills/image2-prompt-pack

--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.

skills CLI

$ npx skills add Jason904/ui-skill-lab --skill image2-prompt-pack -a gemini-cli

Project install goes to .agents/skills/; add -g for ~/.gemini/skills/.

GitHub CLI

$ gh skill install Jason904/ui-skill-lab image2-prompt-pack --agent gemini-cli

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/Jason904/ui-skill-lab.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/image2-prompt-pack .gemini/skills/image2-prompt-pack && rm -rf skills-src

Use ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.

Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/

Paste into Gemini CLI

Install the "image2-prompt-pack" agent skill from https://github.com/Jason904/ui-skill-lab/tree/main/skills/image2-prompt-pack into .gemini/skills/image2-prompt-pack/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "image2-prompt-pack", then confirm the skill loads.

Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

GitHub CLI

$ gh skill install Jason904/ui-skill-lab image2-prompt-pack

Installs for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).

skills CLI

$ npx skills add Jason904/ui-skill-lab --skill image2-prompt-pack -a github-copilot

Project install goes to .agents/skills/; add -g for ~/.copilot/skills/.

Manual copy

$ git clone --depth 1 https://github.com/Jason904/ui-skill-lab.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/image2-prompt-pack .github/skills/image2-prompt-pack && rm -rf skills-src

Use ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.

GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/

Paste into GitHub Copilot

Install the "image2-prompt-pack" agent skill from https://github.com/Jason904/ui-skill-lab/tree/main/skills/image2-prompt-pack into .github/skills/image2-prompt-pack/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "image2-prompt-pack", then confirm the skill loads.

GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add Jason904/ui-skill-lab --skill image2-prompt-pack -a opencode

OpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.

GitHub CLI

$ gh skill install Jason904/ui-skill-lab image2-prompt-pack --agent opencode

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/Jason904/ui-skill-lab.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/image2-prompt-pack .opencode/skills/image2-prompt-pack && rm -rf skills-src

Use ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.

OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/

Paste into OpenCode

Install the "image2-prompt-pack" agent skill from https://github.com/Jason904/ui-skill-lab/tree/main/skills/image2-prompt-pack into .opencode/skills/image2-prompt-pack/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "image2-prompt-pack", then confirm the skill loads.

OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

Facts

Skill name: image2-prompt-pack
GitHub stars: 144
Token cost: ~1k tokens
SKILL.md length: 333 words
Files: 16 (incl. references)
Skills in repo: 8
Repo updated: Jun 29, 2026
First seen: Oct 7, 2026
Licence: MIT

At a glance

This skill should be used when the user asks to convert a PRD, OpenSpec change, or product idea into a structured GPT Image 2 UI prompt pack for generating high-fidelity flat UI reference images.

Works in 6 steps: PRD / OpenSpec spec — product goal and… → User visual preference — explicit… → Technical constraints — frontend… → …
Asks to convert a PRD
SKILL.md covers Trigger Conditions, Required Input, Optional Inputs and Source of Truth, plus 4 more sections
Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Image2 Prompt Pack is an agent skill from Jason904/ui-skill-lab. This skill should be used when the user asks to convert a PRD, OpenSpec change, or product idea into a structured GPT Image 2 UI prompt pack for generating high-fidelity flat UI reference images. It produces prompt materials, UI type decisions, variants, negative prompts, and reference selection checklists, not frontend code.

Its SKILL.md is about 1k tokens, which your agent loads only when the skill is triggered. The skill folder holds 17 other files, including reference files (for example `README.md`, `examples/image2-negative-prompt.example.md` and `examples/image2-prompt.example.md`).

It sits in Product & Project Management, covering Image generation and PRD writing. The repository describes itself as: AI-driven UI development skill pipeline — test lab for Codex skills covering PRD-to-pixel workflow. The licence is MIT.

When your agent uses it

Asks to convert a PRD
OpenSpec change
Product idea into a structured GPT Image 2 UI prompt pack for generating high-fidelity flat UI reference images

Example prompts

“/image2-prompt-pack”

Workflow steps

6 steps, taken from the first numbered list in SKILL.md.

PRD / OpenSpec spec — product goal and user-visible behavior
User visual preference — explicit direction from the user
Technical constraints — frontend feasibility and platform constraints
ui-ux-pro-max — weak design/UX reference only
frontend-design — anti-generic reference only
Skill inference — fallback, must be labeled

What it can do on your machine

Read from SKILL.md and the folder at commit a71b4e2. It shows what the files ask for, not the result of running them.

Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
No scripts in the folder and no shell commands in SKILL.md.
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Image2 Prompt Pack loads about 1k tokens when it runs, and up to ~4.1k if it reads all its reference files. Until then it costs about 87 tokens; SKILL.md has 333 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it: ~87
When it runs · the whole SKILL.md, loaded when a task matches: ~1k
With references · SKILL.md plus every file in references/, read only if the agent opens them: ~4.1k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from Jason904/ui-skill-lab at commit a71b4e2, republished under its MIT licence (© Jason904). 333 words, ~1,001 tokens.

Download SKILL.mdSave it as .claude/skills/image2-prompt-pack/SKILL.md (or your agent's skills folder). This skill also uses 15 other files; get the full folder from GitHub.

name: image2-prompt-pack
description: This skill should be used when the user asks to convert a PRD, OpenSpec change, or product idea into a structured GPT Image 2 UI prompt pack for generating high-fidelity flat UI reference images. It produces prompt materials, UI type decisions, variants, negative prompts, and reference selection checklists, not frontend code.
argument-hint: [prd-file-or-change-name]

Version: 2.0.0

image2-prompt-pack

Create a structured GPT Image 2 prompt pack from PRD or OpenSpec inputs.

This skill prepares materials for generating a UI reference image. It does not implement UI, extract visual specs from screenshots, or build the final design system.

Trigger Conditions

Use this skill when the user asks to:

generate GPT Image 2 prompts from a PRD
create UI image prompt materials
convert OpenSpec change into reference image prompts
prepare prompt pack for UI screenshot generation
generate variants for a UI reference image
standardize image generation inputs before visual-to-spec

Required Input

text

prd.md

Optional Inputs

text

openspec/changes/<change>/proposal.md
openspec/changes/<change>/specs/**/spec.md
openspec/changes/<change>/design.md
openspec/changes/<change>/tasks.md
brand.md
visual-preferences.md
technical-constraints.md
ui-ux-pro-max output
frontend-design output

Source of Truth

PRD / OpenSpec spec — product goal and user-visible behavior
User visual preference — explicit direction from the user
Technical constraints — frontend feasibility and platform constraints
ui-ux-pro-max — weak design/UX reference only
frontend-design — anti-generic reference only
Skill inference — fallback, must be labeled

Main Workflow

Read PRD and optional OpenSpec files.
Extract product context.
Extract page objective.
Decide UI Type and Layout Paradigm.
Identify required business modules.
Generate visual direction.
Generate layout requirements.
Generate component requirements.
Generate style token seed.
Generate main GPT Image 2 prompt.
Generate negative prompt.
Generate 3-4 variant briefs.
Generate reference selection checklist.
Generate prompt pack summary.

Hard Rules

Do not write frontend code.
Do not generate final tokens.json.
Do not replace visual-to-spec.
Do not default every product to dashboard.
Always create ui-type-decision.md.
Always create reference-selection-checklist.md.
Always create image2-negative-prompt.md.
Always make the UI image frontend-implementable.
Always specify flat UI screenshot unless the chosen UI type explicitly requires scene-led image generation.
Do not produce marketing poster prompts unless the PRD is truly for a landing/marketing page.
Do not produce 3D device mockups.
Do not allow ui-ux-pro-max to override PRD or user constraints.
If UI type is uncertain, mark it review-required.

Output

Write to:

text

openspec/changes/<change>/ui/01_prompt_pack/

or:

text

ui_workflow/01_prompt_pack/

with:

text

product-context.md
page-objective.md
ui-type-decision.md
visual-direction.md
layout-requirements.md
component-requirements.md
style-tokens-seed.md
image2-prompt.md
image2-negative-prompt.md
variant-briefs.md
reference-selection-checklist.md
prompt-pack-summary.md

Supporting Files

Read these references directly:

references/prompt-pack-workflow.md
references/ui-type-decision-rules.md
references/output-files.md
references/prompt-writing-rules.md
references/negative-prompt-rules.md
references/variant-rules.md
references/external-skill-usage.md
references/source-strictness-rules.md

Examples:

examples/product-context.example.md
examples/ui-type-decision.example.md
examples/image2-prompt.example.md
examples/image2-negative-prompt.example.md
examples/variant-briefs.example.md
examples/reference-selection-checklist.example.md

Files

SKILL.md and 15 other files (references) in skills/image2-prompt-pack of Jason904/ui-skill-lab.

SKILL.md
README.md
examples/image2-negative-prompt.example.md
examples/image2-prompt.example.md
examples/product-context.example.md
examples/reference-selection-checklist.example.md
examples/ui-type-decision.example.md
examples/variant-briefs.example.md
references/external-skill-usage.md
references/negative-prompt-rules.md
references/output-files.md
references/prompt-pack-workflow.md
references/prompt-writing-rules.md
references/source-strictness-rules.md
references/ui-type-decision-rules.md
references/variant-rules.md

Open the folder on GitHubat commit a71b4e2

Compare with similar skills

Image2 Prompt Pack next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Image2 Prompt Pack compared with similar skills
Skill	Stars	Used in	Tokens	Auto-check	Licence	Repo updated
Image2 Prompt Pack this skillJason904/ui-skill-lab	144	—	~1k	Automated safety check: Pass	MIT	3 mo ago
Rankupyan-labs/yan-skills	213	—	~5.1k	Automated safety check: Notes	MIT	today
Figma Design Reviewmohitagw15856/pm-claude-skills	1.4k	—	~788	Automated safety check: Pass	MIT	2 days ago
CCPM Project Managementautomazeio/ccpm	8.4k	—	~1.1k	Automated safety check: Pass	MIT	6 mo ago
Ralph Tui Create Beadssubsy/ralph-tui	2.5k	1 repos	~2.6k	Automated safety check: Pass	MIT	1 mo ago
Trellis Brainstormanjiemo/SunnyBeach	178	7 repos	~4k	Automated safety check: Pass	Apache-2.0	1 mo ago

Similar skills

Rankup
yan-labs/yan-skills
独立开发者的项目全生命周期管理：需求验证、选词选品、建站或做原生 App、上线接入、SEO/GEO 获客、支付变现、监控迭代与跨会话接力。以下情况使用：用户提到 rankup 或 /rankup（check、review、init；doctor 仅指整理项目 .rankup 记录）；当前目录或工作区有…
213 GitHub stars~5.1k tokensUpdated today
Marketing & SEOAuto-check: notes
Figma Design Review
mohitagw15856/pm-claude-skills
Runs a structured PM design review against product requirements.
1.4k GitHub stars~788 tokensUpdated 2 days ago
Product & Project ManagementAuto-check passed
CCPM Project Management
automazeio/ccpm
Runs a spec-driven workflow from PRD to epic to GitHub issues to parallel agents, with status, standup and blocked-work reports from bundled scripts.
8.4k GitHub stars~1.1k tokensUpdated 6 mo ago
Product & Project ManagementAuto-check passed
Ralph Tui Create Beads
subsy/ralph-tui
Convert PRDs to beads for ralph-tui execution. An agent skill from subsy/ralph-tui.
2.5k GitHub starsUsed in 1 repo~2.6k tokens
Product & Project ManagementAuto-check passed
Trellis Brainstorm
anjiemo/SunnyBeach
Guides collaborative requirements discovery before implementation.
178 GitHub starsUsed in 7 repos~4k tokens
Product & Project ManagementAuto-check passed
Ralph Tui Create Beads Rust
subsy/ralph-tui
Convert PRDs to beads for ralph-tui execution using beads-rust (br CLI).
2.5k GitHub starsUsed in 1 repo~2.8k tokens
Product & Project ManagementAuto-check passed

Questions about Image2 Prompt Pack

What does Image2 Prompt Pack do?

This skill should be used when the user asks to convert a PRD, OpenSpec change, or product idea into a structured GPT Image 2 UI prompt pack for generating high-fidelity flat UI reference images. Image2 Prompt Pack is an agent skill from Jason904/ui-skill-lab. This skill should be used when the user asks to convert a PRD, OpenSpec change, or product idea into a structured GPT Image 2 UI prompt pack for generating high-fidelity flat UI reference images.

When should I use Image2 Prompt Pack?

Image2 Prompt Pack fits situations like: asks to convert a PRD; openSpec change; product idea into a structured GPT Image 2 UI prompt pack for generating high-fidelity flat UI reference images.

How do I install Image2 Prompt Pack in Claude Code?

Run `npx skills add Jason904/ui-skill-lab --skill image2-prompt-pack -a claude-code`. Or copy the skill folder (skills/image2-prompt-pack in Jason904/ui-skill-lab) into .claude/skills/image2-prompt-pack in your project. Claude Code loads it when a task matches its description.

How do I install Image2 Prompt Pack in Codex?

Run `npx skills add Jason904/ui-skill-lab --skill image2-prompt-pack -a codex`. Or copy the skill folder (skills/image2-prompt-pack in Jason904/ui-skill-lab) into .agents/skills/image2-prompt-pack in your project. Codex loads it when a task matches its description.

Can I use Image2 Prompt Pack in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add Jason904/ui-skill-lab --skill image2-prompt-pack -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/image2-prompt-pack, .gemini/skills/image2-prompt-pack, .github/skills/image2-prompt-pack and .opencode/skills/image2-prompt-pack in your project.

What does Image2 Prompt Pack need to run?

SKILL.md names no scripts, command-line tools or credentials: Image2 Prompt Pack is instructions for the agent only.

Does Image2 Prompt Pack access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Image2 Prompt Pack safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Image2 Prompt Pack use?

Image2 Prompt Pack is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Image2 Prompt Pack use?

About 1k tokens (SKILL.md is roughly 4k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 3k tokens, read only when the agent opens those files.

What are the alternatives to Image2 Prompt Pack?

Skills that share tags, products or a category with Image2 Prompt Pack: Rankup (yan-labs/yan-skills, 213 stars), Figma Design Review (mohitagw15856/pm-claude-skills, 1.4k stars), CCPM Project Management (automazeio/ccpm, 8.4k stars) and Ralph Tui Create Beads (subsy/ralph-tui, 2.5k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Image2 Prompt Pack?

Jason904 (a GitHub user) maintains it in Jason904/ui-skill-lab, which has 144 GitHub stars. The repository holds 8 skills in this directory. The repository was last updated on June 29, 2026.

Source: Jason904/ui-skill-lab on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.

Install Image2 Prompt Pack

Facts

At a glance

What it does

When your agent uses it

Example prompts

Workflow steps

What it can do on your machine

Tool permissions

Runs code

Network

Credentials

Context cost

Safety

SKILL.md

image2-prompt-pack

Trigger Conditions

Required Input

Optional Inputs

Source of Truth

Main Workflow

Hard Rules

Output

Supporting Files

Files

Compare with similar skills

Similar skills

More from Jason904/ui-skill-lab

Related

Questions about Image2 Prompt Pack