不用多模态也能出图,这个 Skill 绝了
引言
AI 生图越来越普遍,但你有没有遇到过这样的困扰:想让图片改一个字,整张图重抽一遍,其他地方全跟着变?今天介绍的这个工具,彻底颠覆了传统 AI 生图的逻辑。
原理:不是生图,是写代码
web-image 是一个开源 Skill,它的核心思路很简单——不生成图片,而是写 HTML 和 CSS,让浏览器渲染成 PNG。
- 文字由浏览器排版,100% 准确,永远不糊
- 颜色、间距、字号,像素级可控
- 不抽卡、不订阅,任何模型都能用
这意味着 DeepSeek、Claude 这些不会生图的模型,同样可以帮你出图。
32 套风格,说什么都给
这不是简单换个配色。每套风格都有独特的设计语言:
- 装饰艺术:放射扇形 + 双线金边
- 电影海报:底部压着一整块密密麻麻的演职员表
- 日式侘寂:留白七成,线条故意画不到头
描述一个参照物就能生成:
"像 A24 电影海报"、"八十年代香港霓虹招牌"、"莫兰迪色系"
它会把参照物拆成配色、字体反差、构图手法,再照着做出来。
尺寸不用你操心
20 多个平台预设,连各平台的遮挡区都标好了:
- 小红书底部 18% 被标题栏盖住
- X 头图左下角被头像挡住
- 公众号列表页只显示中间那一块
关键信息永远不会被误放,导出直接 2x,发出去不糊。
最爽的是能改
AI 生图最大的痛点:改一个字,整张重抽。web-image 不会。
- 改一行 CSS,重新出图,没动的地方一个像素都不变
- 做系列图时,改一次配色变量,十张图风格同时更新,永远统一
能做封面、头像、Banner、知识卡片、数据卡、海报……除了人像风景照片,基本上你日常用的图都能做。
原文封面就是这个 Skill 做的。
装好只需一行命令,完全免费,GitHub 开源:github.com/whyubel1eve/web-image-skill
小结
web-image 的本质是把设计变成可编程、可复现的流程。对于不想被多模态能力绑定的 Agent 用户来说,这是一个极其实用的补充方案。