← All skills

dev-image-to-code

100 / 100 · Low risk

Fine to try.

By hashgraph-online/awesome-codex-plugins (GitHub) · coding · 1,556 stars · scanned at commit 4070676

Implement a frontend from a UI screenshot or design image in an existing project or a runnable standalone page. Use for "UI图生成代码", "看图写页面", "根据设计图实现", "screenshot to code", or "image to code" requests. Preserve visual fidelity and working control semantics, then verify in a real renderer. Not for redesigns without a reference image.

Works with any agent that supports SKILL.md skills.

What this skill can do

We found nothing in the files we read that matches our rules. That does not prove the skill is safe: see the limits of static scanning.

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'dev-image-to-code' ] || [ -L ~/.agents/skills/'dev-image-to-code' ]; then echo 'A skill folder named dev-image-to-code already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/hashgraph-online/awesome-codex-plugins' "$d" && git -C "$d" checkout --quiet '40706766fd37c03ca624f5206741fef55dd2a684' -- 'plugins/Jason-chen-coder/dev-skills/skills/dev-image-to-code' && mkdir -p ~/.agents/skills && cp -R "$d"/'plugins/Jason-chen-coder/dev-skills/skills/dev-image-to-code' ~/.agents/skills/'dev-image-to-code' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'dev-image-to-code' ~/.claude/skills/'dev-image-to-code' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for hashgraph-online/awesome-codex-plugins shows the score of its lowest-scoring skill.

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/hashgraph-online/awesome-codex-plugins.svg)](https://zalavijaysinh.github.io/skilltrust/repos/hashgraph-online/awesome-codex-plugins/)

Score history