# Image To Code (agent skill)

> Image To Code is an agent skill (a SKILL.md file) from Leonxlnx/taste-skill. Elite website image-to-code skill for Codex. It works with Claude Code, Codex and Cursor and has 93,196 GitHub stars across a repository of 12 listed skills. Install it by copying the skill folder into your agent's skills directory.

Elite website image-to-code skill for Codex. For visually important web tasks, it must first generate the design image(s) itself, deeply analyze them, then implement the website to match them as closely as possible. In Codex, it must prefer large, readable, section-specific images instead of tiny compressed boards, generate fresh standalone images for sections or detail views instead of cropping old ones, avoid lazy under-generation, avoid cards-inside-cards-inside-cards UI, and keep the hero…

## Key facts

| Fact | Value |
|---|---|
| Repository | https://github.com/Leonxlnx/taste-skill |
| Skill path | skills/image-to-code-skill/SKILL.md |
| Skill name | image-to-code |
| GitHub stars | 93,196 |
| Installs on skills.sh | 345,783 |
| License | MIT |
| Skills in repo | 12 |
| Plugin marketplace | taste-skill |
| Official | no |
| Works with | Claude Code, Codex, Cursor |
| Category | Coding |
| Last commit | Oct 6, 2026 |

## Add this skill

### Claude Code

```sh
/plugin marketplace add Leonxlnx/taste-skill
/plugin install taste-skill@taste-skill
```

In the Claude apps, zip the skill folder and upload it under Customize > Skills > + > Upload a skill (code execution must be on).

### ChatGPT / Codex

```sh
git clone --depth 1 https://github.com/Leonxlnx/taste-skill.git
cp -r taste-skill/skills/image-to-code-skill .agents/skills/image-to-code   # repo; ~/.agents/skills for all projects
```

### Cursor

```sh
git clone --depth 1 https://github.com/Leonxlnx/taste-skill.git
cp -r taste-skill/skills/image-to-code-skill .cursor/skills/image-to-code   # project; ~/.cursor/skills for all projects
```

Sources (checked 2026-10-07): https://code.claude.com/docs/en/skills, https://support.claude.com/en/articles/12512180-using-skills-in-claude, https://learn.chatgpt.com/docs/build-skills, https://cursor.com/docs/context/skills

skills.sh listing: https://www.skills.sh/Leonxlnx/taste-skill/image-to-code

---

Canonical page: https://appsgit.com/skills/leonxlnx-image-to-code
Source: appsgit (https://appsgit.com), the app store for github. Data from the GitHub API, refreshed nightly.
Machine access: JSON API https://appsgit.com/api/v1/apps (OpenAPI: https://appsgit.com/openapi.json), MCP server https://mcp.appsgit.com/mcp, full index https://appsgit.com/llms-full.txt.