← All skill packs

UI Design & Image Creation Skills

Skill pack
5 skills0 selected
aymenbouferroumSkills in this pack

Create visual mockups for landing pages, product heroes, dashboards, mobile screens, app store creatives, and UI marketing shots. Use when the user wants a frontend concept image rather than production code.

English

Generate game visual assets such as icons, props, key art, item sheets, stylized environments, and concept art. Use when the user is doing game ideation or asset creation and needs actual image outputs.

English

Generate or edit raster images for product design, frontend concepts, game assets, marketing visuals, and conceptual paper figures. Use when Claude should create a real image file through Codex or the OpenAI Images API instead of only suggesting prompts.

English

Edit existing images with background removal, style changes, reference-guided cleanup, product isolation, compositing, or localized visual changes. Use when the user wants a real edit applied to an existing image.

English

Create conceptual paper visuals, system diagrams, pipeline illustrations, cover-style research art, and non-numeric figure concepts. Use when the user wants a scientific or technical visual but not a code-native plot of measured data.

English

Includes Frontend Mockup, Game Asset Lab, Gpt Imagen, and other workflows.

Install with
Claude CodeCodexCursorGitHub CopilotGemini CLI

Supported by the Atlas install prompt. Skill-specific requirements vary.

Pack stats

Skills5CategorygrowthStars0

What’s included

Frontend Mockup

Create visual mockups for landing pages, product heroes, dashboards, mobile screens, app store creatives, and UI marketing shots. Use when the user wants a frontend concept image rather than production code.

Game Asset Lab

Generate game visual assets such as icons, props, key art, item sheets, stylized environments, and concept art. Use when the user is doing game ideation or asset creation and needs actual image outputs.

Gpt Imagen

Generate or edit raster images for product design, frontend concepts, game assets, marketing visuals, and conceptual paper figures. Use when Claude should create a real image file through Codex or the OpenAI Images API instead of only suggesting prompts.

Image Edit Studio

Edit existing images with background removal, style changes, reference-guided cleanup, product isolation, compositing, or localized visual changes. Use when the user wants a real edit applied to an existing image.

Paper Figure Visual

Create conceptual paper visuals, system diagrams, pipeline illustrations, cover-style research art, and non-numeric figure concepts. Use when the user wants a scientific or technical visual but not a code-native plot of measured data.

Quick start

  1. Choose your skills. Select individual skills above, or choose the entire pack.
  2. Copy the install prompt. Use Copy install prompt above the list.
  3. Send it to your agent. Paste into your coding agent’s chat. Your agent reviews the source and guides the setup.

Try it with your agent

After installation, start with a request like:

Example request
Use the Frontend Mockup skill to help with my task.
Ask me for the context you need before getting started.

Requirements & license

  • A coding agent that can access your project files and install skills.
  • Your agent checks each skill’s instructions, dependencies, and permissions during setup.
  • Reported license for the skills shown: MIT. The author’s terms apply.
UI Design & Image Creation Skills | Agent Skills Atlas