image-to-code

leonxlnx/taste-skill/image-to-code

该技能专为视觉重要的网页任务设计，要求先自行生成设计图像，然后深度分析这些图像，最后实现前端代码以尽可能匹配设计。它强调生成大尺寸、可读性强、针对特定部分的图像，而非压缩的小图板；避免从旧图中裁剪，而是为每个部分生成全新的独立图像。同时，该技能鼓励避免过度生成、避免卡片嵌套卡片等常见 UI 问题，并保持首屏干净、宽敞、易读，在小笔记本上也能清晰可见。

安装量 · 951查看来源

Installation

npx skills add https://github.com/leonxlnx/taste-skill --skill image-to-code

技能文件

SKILL.md

最近同步 · 2026年10月20日

agents/openai.yaml›

policy:
  allow_implicit_invocation: false

SKILL.md›

---
name: image-to-code
description: "Moved to github.com/Leonxlnx/imagegen-skills. Runs only when called by name."
disable-model-invocation: true
---

# image-to-code (moved)

This skill now lives in its own repository, with the other image-generation skills: https://github.com/Leonxlnx/imagegen-skills

The install name did not change:

```bash
npx skills add https://github.com/Leonxlnx/imagegen-skills --skill "image-to-code"
```