一句 brief 出全套视觉素材?prompt-to-asset 把”找设计师”这步砍掉了
做产品的时候,我最怕的不是写代码,而是被一句「能不能顺便给我换个 logo / 弄个 OG 图 / 做个 App icon」逼到墙角。每次想找设计师吧,要么排不上,要么一张图报价几百;自己打开 Figma 又觉得这种小活不值得占一晚上。
直到我撞上 prompt-to-asset,才觉得这事儿可以彻底从”求设计师”变成”对终端说一句”。
这是什么?
它是 MohamedAbdallah-14 开源的一套 MCP server + CLI,专门把「一段文字 brief」直接生成可上线的生产级素材——app icon、favicon、OG 图、logo、splash screen、SVG 插画,基本覆盖了一个独立开发者日常要补齐的视觉全套。
最大的亮点:它背后接的是 30+ 个图像模型路由,但默认优先走零成本通道(Cloudflare Workers AI、NVIDIA NIM、HF Inference、Stable Horde、Pollinations、各家 free trial,以及纯本地的 SVG 兜底)。也就是说,大多数日常小活你一分钱不用花,就能拿到能直接放进 production 的成品。
它和普通”AI 生图”工具差在哪?
- 面向开发者,不是面向艺术家——直接出对尺寸、对背景、对格式(PNG/SVG)的工程素材,不是给你一张艺术海报。
- zero-key first——安装就能跑,默认走免费路由;只有当免费通道真不够用,才会提示你接入付费 key。
- validate before shipping——生成完会做基础的可用性校验(尺寸/格式/可读性),不是把锅丢回给你。
- 三种使用模式都支持——CLI 直接出图、Cursor/VSCode 插件在你写代码时一键调、MCP server 让 Claude/Codex 直接当工具用。
实际场景怎么用?
我自己的典型工作流:
- 凌晨 2 点:写 README,缺一张 OG 图 → CLI 一行命令,几秒后拿到 1200×630 的可分享封面。
- 提交应用商店前:要 1024×1024 的 App Icon → 直接出 SVG 矢量源文件,自己转 PNG 也不糊。
- 新功能页上线:hero 区需要一个简洁 logo 草图 → 一句 brief 出三版,选一版再迭代。
适合 / 不适合
适合:独立开发者、开源项目维护者、想给 demo / hackathon 项目出”看起来不那么糙”的视觉的小团队、做技术博客需要 OG 配图的写作者。
不太适合:品牌重塑、需要严格视觉规范的企业级设计、追求手绘感的插画/海报场景。
怎么上手?
最简方式(零成本 + MCP):
npm i -g prompt-to-asset
# 直接命令行跑
prompt-to-asset "minimal app icon for a note-taking tool, blue gradient"
# 或者在 Cursor / VS Code 里装它的插件,直接对 AI 说"做个 OG 图"就行
需要更强效果时再补 OpenAI / Recraft / Ideogram 的 API key,它会自动切到付费路由继续干活。
对于常被”小活”打断的独立开发者来说,这套东西的最大意义不是”AI 又能画图了”,而是把”找个设计师”和”自己凑合一张”之间的空档彻底填上。
GitHub: https://github.com/MohamedAbdallah-14/prompt-to-asset
评论区
登录后可评论。