# Design With Images

Explore UI and visual design with image generation, then iterate the real...

- Repository: https://github.com/dzhng/skills (1394 stars)
- Category: Design
- License: MIT
- Last updated: 2026-11-01
- Runs scripts: no, instructions only

## Install

Claude Code: `npx skills add dzhng/skills --skill design-with-images -g -a claude-code -y`
Codex: `npx skills add dzhng/skills --skill design-with-images -g -a codex -y`
Cursor: `npx skills add dzhng/skills --skill design-with-images -g -a cursor -y`
Gemini CLI: `npx skills add dzhng/skills --skill design-with-images -g -a gemini-cli -y`

## Description

Explore UI and visual design with image generation, then iterate the real implementation against the user-selected concept. Use when brainstorming visual directions, offering mockup variants, or implementing an approved generated design; do not stop at the mockups or the first code approximation.

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# Design With Images

The deliverable is the working design, visibly matched to the approved reference.
Image generation explores the target; real screenshots prove the implementation.
For an exploration-only request, deliver the options and wait for a selection.

## Workflow

The rest: https://github.com/dzhng/skills/blob/HEAD/skills/visual/design-with-images/SKILL.md