Updated 4mo ago
by yuzhworkhard-wq
image-to-code
Codex skill for 750px image-to-code reconstruction and transparent PNG slicing
348 GitHub stars (348)
+3 in 20 days
| Period | New stars |
|---|---|
| Sep 27 | 0 |
| Sep 28 | 0 |
| Sep 29 | 0 |
| Sep 30 | 0 |
| Oct 1 | 0 |
| Oct 2 | +1 |
| Oct 3 | 0 |
| Oct 4 | +1 |
| Oct 5 | 0 |
| Oct 6 | 0 |
| Oct 7 | 0 |
| Oct 8 | 0 |
| Oct 9 | 0 |
| Oct 10 | +1 |
| Oct 11 | 0 |
| Oct 12 | 0 |
| Oct 13 | 0 |
| Oct 14 | 0 |
| Oct 15 | −1 |
| Oct 16 | +1 |
- 1 skill (1 skills found in its SKILL.md files)
- 43 forks (43 forks)
- 4mo ago last update (Last updated 4mo ago)
Install
Skills CLI
npx skills add yuzhworkhard-wq/image-to-code
Asks which agents to install it for. Add -g to install it for every project.
Claude Code
git clone https://github.com/yuzhworkhard-wq/image-to-codecp -r "image-to-code" ~/.claude/skills/image-to-code
Copies the image-to-code skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project).
Plugin
/plugin marketplace add yuzhworkhard-wq/image-to-code
Run inside Claude Code if the repository ships a plugin marketplace, then pick plugins from /plugin.
Skills can run code on your machine — read the SKILL.md first.
What it does
In the author's own words, from each skill's SKILL.md.
-
image-to-code
像素级 750px 图片转代码与高清切图工作流。当 Codex 需要把当前选中的 UI 图片、截图、App/Web 设计稿、Figma 图片导出稿或设计长图转换为代码,并输出独立透明 PNG 切图资源时使用。适用于严格 1:1 等比例还原、画板宽度精确 750px、高清放大切图、防模糊和背景抠除、必要时用 image2/imagegen 抠透明 PNG、文本可编辑、简单图形原生矢量/代码化,最终代码需要自适应适配,或需要把完成稿导出/导入 Figma 为可编辑图层的任务。
SKILL.md on GitHub (opens in a new tab)
No skill matches that filter.
Review before you install
A skill is a set of instructions and scripts your agent will follow, and it can run code on your machine. Read the SKILL.md and any scripts first — this listing is not a security review.