作为一个毫无代码基础的普通人，2年之前的我不会相信自己可以做到，直到以Cursor为代表的AI编程工具出现后，我就确信这一天会到来。
刚刚过去的这个五一非常充实，最近几年以来第一次没去旅行，就在家“写代码”，写到每天好像一眨眼就过完。今天，我做出了人生的第一款AI出海网站产品“AnyIMG”——基于AI模型的绘画与设计生成工具，虽然它可能在内行眼里不过像个粗糙的玩具，虽然它的功能简单到就是接入AI模型为大家提供AI生图服务，虽然它没有壁垒很高的技术门槛，但它就是「独一无二」，至少对我来说，所以这篇文章我想写给自己，纪念人生的第一次，也写给你，希望对想用AI实现自己想法的你有点启发。
️ 站点入口：anyimg.art
所谓“跑通一个出海站”，指的是从调研分析、产品原型、域名注册解析、网站开发、UI设计、logo设计、AI功能接入、git版本控制、i18n多语言、SQL数据库搭建、用户积分系统、云存储、部署上线、添加统计代码、GSC收录，直至最后完成了Stripe全球支付的闭环，在正式上线前就收到了第一笔美金。
作为一个真正编程0基础的人，摸索完这一路我想说——没有别人说得那么容易，但也没有你想象的那么困难。这个系列我会持续写，所以今天只看两件事:
1. 想要用AI编程如何开始？
2. AnyIMG是什么？怎么用？
1. 我如何开始？
之前有本书《人人都是产品经理》，Cursor为代表的工具涌现出来后，不远的未来《人人都是全栈程序员》。
但如果你具备以下几种能力，那么事情会容易很多：
1. 不错的英文基础：因为大部分学习和建站资源，包括最好用的工具大多是英文，包括很多代码本身就是英文单词，但这项不是绝对，AI翻译已经能帮你解决大部分阅读问题了，阅读网站和PDF论文，强烈推荐「沉浸式翻译」插件。
2. 「做中学」的能力：不要指望啥也不学，一路让AI给你做到一个和“专业程序员”媲美的网站或APP，这个现阶段我可以告诉你“不可能”，我虽然没有刻意学习某种代码语言（因为看任何一本编程书都让我昏昏欲睡），但我强烈推荐你去B站搜这个来看“BV1Wr4y1R7Bd”。学习简单的 HTML+ CSS，30分钟看完，对基础代码有了整体了解后，又用1-2个小时跟着视频边看边做后，我信心大涨，开始了“编程”之路，然后其他不用管，使用AI开始创作吧，在过程当中你会遇到各种新的概念、语言、框架、问题，点对点针对性向AI（比如ChatGPT或Deepseek）提问，比如：
- 什么是框架？什么是库？什么是API？
- 什么是前端 / 后端？
- 写完代码怎么“运行”？
- 什么是部署？
- 什么是git？有什么用？如何使用？
如果你看不懂，在提问的最后加一句“我是小学生，用我能听懂的语言讲解”百试百灵。
当你能写出一个纯html的网站后，学前班就算是毕业了，想要继续进阶，就从两个关键词入手“Tailwind CSS”和“JavaScript”，我微博都有推荐过相应的教程。
3. 清晰地描述问题：比如用5W1H描述一个bug效果就比“妈呀！出现一个bug你快看看”要好得多，《人人都是产品经理》和《思考快与慢》值得一读；
4. 好奇心与耐心：我每次都会加上这条，因为「AI的本质是基于上下文给出最高可能性的答案」，也就是「抽卡」，经常发生的情况就是，一个bug你调试了一整天，最后回滚到今天最初的第一版，这时候你得保证别崩溃，并且还有充足的耐心和AI聊天寻找其他可能性，明天继续。如果你研究一个问题经常一抬头就天黑那么你肯定行，在你不懂的领域中，即便有AI加持你也需要付出比专业人士更多的时间和耐心。
这部分是一个很长的故事，包括工具选择、学习路径、具体的技巧方法，我会把AnyIMG写成一个系列，今天这篇既然是第一篇，主要先讲讲我的第一个出海网站——AnyIMG，它是什么？具体怎么用呢？即便你不用它也值得一看，因为它会让你知道AI绘画目前都能做到哪些事，以及未来会多厉害，希望大家玩得开心~
2. AnyIMG是什么？
我和潇洒姐一起起的名字：Any=任何，IMG=图片。
一句话介绍就是：借助AI模型生成日常所需的一切图片，包括各类风格转换、海报、文字设计、logo设计等。
如何使用AnyIMG？
两种玩法：文生图+图生图
第1种用法：文生图
输入文字，点击「生成」即可，
比如你输入：“cat”，得到的结果就是一只随机的小猫。
当然你可以选择控制生成中的两个要素：「风格」和「比例」
如果你在输入“cat”的时候，选择了“吉卜力”风格，那么你会得到——“一只吉卜力风格的小猫”。
同理你可以获得“皮克斯风格的小猫”：
“日式插画风的小猫”等等：
你还可以控制图片的生成比例，目前默认有：正方形，纵向，横向三种可选。
比如你写“一只鲤鱼骑着自行车经过伦敦塔”，比例为“纵向”即竖图，结果就是：
还可以经过天坛：
然后你就可以释放一切想象力！
第2种用法：图生图
这个玩法就多了，点击上传框，至多可以上传5张图进行混合生成。
比如1张图的时候，你可以转换照片风格，例如把甄嬛转换为吉卜力风格。
上传两张图像的时候，想象力就更丰富，比如你可以用一张照片的角色，替换到另一张当中，同时套用吉卜力风格：
你就会得到：
更好玩的也更实用的玩法是——为你的产品，搭配合适的场景。比如下面的案例，我上传了两张图：
- 野餐场景图
- 趁早rarakiera出品的野餐垫产品图
提示词是“在图1场景中，展示图2的产品”，就可以生成一张户外产品展示氛围图。
看大图你会发现，甚至酒杯折射的字母扭曲都是相当具有真实感的。
再升级一步，你甚至可以融合更多图片。假如你是酒店经理，想要把酒店周边产品组合为一个礼物套装，用图片展示，就可以像这样“上传包括4款产品的4张图片”，提示词写：
生成一张写实风格的照片图像，画面中是一个放在白色背景上的礼品篮，篮子上有“SHAPE YOUR LIFE”的标签，字体像手写体并系着丝带，篮子内包含参考图片中的所有物品。你就会得到下图，把所有产品放在一个写着 SHAPE YOUR LIFE 的礼品篮当中：
3. 你还可以用它做什么？
挂一漏万，因为随着模型能力的提升，玩法可以说是趋于无限，隔几天就有新思路，所以我接下来一段时间会持续分享，今天先说5个最基础的。
1. 风格转换
最基础但想象力最丰富的玩法：把你的照片转换为你喜欢的「任意风格」，比如我用大姐的这张头像做测试。
从默认风格中选择相应的风格，就可以直接生成：
或者大家一定还见过一些名场面的转换：
但其实，你可以自定义为「任何风格」，只需要在提示词中写：将照片转换为xxx风格，xxx可以是：日式插画、动漫、乐高、辛普森等等，或者指定的艺术家梵高、毕加索、凯斯哈林等等。
提示词结构：Transform into/转换为 + [一种风格]
我总结的出片风格列表：
Studio Ghibli — 吉卜力工作室风格
South Park Style — 南方公园风格
Wallace and Gromit — 沃莱士与格罗米特风格
Rick and Morty — 瑞克与莫蒂风格
Attack on Titan — 进击的巨人风格
Rubber Hose Animation Style 橡皮软管动画风格
Family Guy — 开心汉堡店 / 家庭伙伴风格
The Simpsons Style — 辛普森一家风格
SpongeBob SquarePants Style — 海绵宝宝风格
BoJack Horseman Style — 马男波杰克风格
Adventure Time Style — 探险活宝风格
Peanuts / Charlie Brown Style — 花生漫画 / 查理布朗风格
Lego Movie Style — 乐高电影风格
Coraline / Laika Studio Style — 卡罗兰 / 莱卡工作室风格
Disney Renaissance Style — 迪士尼文艺复兴
Minions / Illumination Style — 小黄人 / Illumination工作室风格
Anime Shoujo Style — 日系少女漫画风格
2. 单词闪卡
如果你是一位英语老师或者想帮助孩子认识单词的爸爸妈妈，那么你可以试试用AnyIMG生成单词闪卡，基础提示词如下：
生成主题为【xxx】的单词闪卡。比如【动物】主题：
甚至可以把小朋友喜欢的游戏中的道具做成单词闪卡：
生成主题为【植物大战僵尸中各种道具】的单词闪卡。如果你希望画面内容更丰富，可以用进阶的提示词（都放在网站的gallery中，大家可以一键套用）：
一张高质量的儿童教育闪卡插图，使用柔和的粉彩色在笔记本纸背景上手绘。主要单词是"【Elephant】"，其音标"【ipa】"以粗体、俏皮的手写字体清晰显示。场景展示【auto_scene】，包含代表该词含义的【visual_objects】。通过可爱的插图和简化的真实场景使单词在视觉上易于理解。包括有用的标记元素，如："【fact1】"、"【fact2】"、"【fact3】"。使用欢快的箭头、虚线和彩色框将事实与插图连接起来。添加有趣的视觉元素，如星星、心形或小图标。整体氛围是可爱、教育性和吸引人的——非常适合儿童词汇学习卡片。你唯一需要替换的就是里面的“Elephant”，替换为apple、doctor、book，其他所有画面元素会自动根据新的单词进行设计。
还有更好玩的方式！你可以把手机里日常生活场景的照片上传，变成漫画，并标注单词，把平时孩子熟悉的场景具象化为对应的单词。
把图片变成漫画并在画面中相应元素上，用标签标注英文单词和中文意思3. 小红书/微信封面设计
我目前有两种思路：一是直接生成，二是版式套用，我们一个一个看。
1. 直接生成
当你已经有一个明确的想法，也知道如何用文字描绘出来的时候，就可以直接【文生图】，比如今天公众号推送的封面，我希望“3D风格，一只小仓鼠在键盘帽下敲代码”，像是个忙碌的“程序员在设计网站”和本篇主题呼应，因为我戴黑框眼镜，也给小仓鼠戴上，就有了下边这段提示词。
一幅等距3D插画描绘了被掀开的键盘键帽下，一个微型程序员正坐在迷你驾驶舱里编写程序，程序员是一只带着黑框眼镜的小仓鼠，并将键帽内侧当作发光的屏幕。带有轻微的 3D 质感和些许塑化感，使整个场景如同一个为游戏玩家量身定做的、极其精巧的立体模型。写实风格。请帮我生成一张小红书封面图。以iPhone16 pro为主体，具科技感。针对数码爱好者，背景科技风，光线明亮，搭配蓝白配色。主标题“iPhone16 pro评测？”在上方，占图高1/4，副标题于下方、为主标题1/2大。加箭头、星标点缀，用胶囊标签。走高级感风格，特写拍摄。再或者你做“楼市房价解读”，可以用这样的提示词：
生成一张具有现代感、简洁感、未来城市氛围的数字插画，风格干净、有设计感，适合用作“房价趋势预测”类自媒体横版封面图。 画面主体是现代城市住宅小区的夜晚场景，高楼大厦整齐排列、向远处延伸，楼内窗户发出黄色、白色的温暖灯光，形成万家灯火的景象。部分楼宇被蓝灰色城市薄雾轻遮，增加空间层次感。 天空使用深蓝至青灰色的渐变，不梦幻但具有冷静、未来感氛围。远处楼顶可见红色或白色小灯点缀，象征数据或趋势预警。 整体色调以冷静蓝灰为主，橙黄色灯光点缀其间，形成冷暖对比。画面风格为极简扁平插画，可在背景中加入抽象的趋势线条（如向上的细折线），隐喻房价波动或未来趋势。 图像正中下方添加中文大标题：房价趋势预测，使用现代无衬线白色字体，带微弱阴影，清晰可见。在下方可添加副标题：楼市洞见 · 投资方向指南。 图像尺寸为横版，适合公众号、知乎、小红书等平台。整体氛围应呈现出理性、未来、洞察感，并带有克制而稳重的艺术美感。你没看错，包括画面里的中文都是直接打包生成好的，直接下载使用。
2. 风格套用
但有的时候，大家难点在于“不会写复杂的提示词”，没关系！这就帮你解决——风格套用。
你只需要：
1. 找一个你想要做的封面风格（小某书一大把）
2. 写提示词“模型图片的设计风格，帮我设计小红书封面，主题为【xxxxx此处替换为你的主题】”
比如这样的简单大字封面，完美套用风格：
复杂点的图文封面，也没问题，比如趁早行动的某篇封面，你想套用：
模仿图片中的设计风格，帮我设计一个小红书封面，主题为“我的猫长得像男人怎么办？” 上下放小字根据主题相应替换掉，下方配图更改为一只长得像男人的真实橘猫照片你会获得（甚至会帮你配一只恰当的猫）：
4. 画一幅四格漫画
记得我之前发过一张有趣的四格漫画——这一幕的下一幕。用大姐的一张照片生成四格漫画。
其实提示词特别简单：
以上传图片为第一帧，创作一组有趣的四格漫画，主题为【xxxxx】（你可以强调剧情，比如突然出现一直阿比西尼亚小猫打翻了酒杯）这个玩法就多了，现在问问创作了一系列的角色IP，如果想给角色赋予个性，那么最好的方式就是创作为故事或漫画，以前当然需要插画师，现在如果你想要节省时间和成本， AnyIMG也可以帮你搞定。
上传一个角色到【图生图】模式，然后点击风格预设当中的【四格漫画】Four-Panel Comic，在文字框中你可以输入漫画的主题，比如“关于健身”的话题。
你就会得到如下结果：
想要让IP角色更加立体，还可以尝试把它们转换为C4D渲染效果：
还可以让它们做出各种动作：
甚至生成一些衍生品设计图：
5. 模拟真实自拍
请你画一张极其平凡无奇的iPhone 自拍照，没有明确的主体或构图感-就像是随手一拍的快照。阳光或店内灯光不均导致轻微曝光过度。角度尴尬、构图混乱，整体呈现出一种刻意的平庸感-就像是从口袋里拿手机时不小心拍到的一张自拍。主角是两只好看的猫咪，他们看起来很甜蜜,背景是夜景的迪士尼乐园城堡,在放烟花，背景稍微清晰一些。真人场景的模拟真实风格自拍当然也不在话下：
请画一张极其平凡无奇的iPhone 自拍照，没有明确的主体或构图感，就像是随手一拍的快照。照片略带运动模糊，阳光或店内灯光不均导致轻微曝光过度。角度尴尬、构图混乱，整体呈现出一种刻意的平庸感-就像是从口袋里拿手机时不小心拍到的一张自拍。主角是【金正恩和特朗普和普京三个人】，【晚上】，旁边是【上海东方明珠】。6. 信息图设计
从前我做「PPT模拟人生100天」，特别喜欢用PPT设计信息图。
比如你希望把“光的折射”用画面直观展现给同学，你可以用提示词：“Use an infographic to illustrate the phenomenon of light refraction to help students better understand it during teaching.”
中文也一样可以：“用一张信息图展示“光的折射现象”用以给同学们教学辅助理解”。
详细解释“牛顿棱镜实验”：
甚至是更复杂的“光合作用”原理，我检查了其中的化学式都是正确的，使用的提示词就稍微复杂一点，你需要把想呈现的单词、化学式都列出来，AI凭借超厉害语义理解会帮你还原到图片上：
一张详细解释光合作用过程的信息图。风格：干净的科学信息图，使用简约的2D插图或横截面图。使用浅色背景以增强清晰度。关键元素包括：植物叶结构显示绿叶(横截面)及其内部的叶绿体(含叶绿素的小椭圆形细胞器)。标签："叶绿体(含叶绿素)"。输入与输出阳光：绘制黄色阳光射线照射到叶子上。标签："阳光(能量)"。CO₂：通过气孔进入叶子的微小CO₂分子(蓝色/灰色点)。标签："二氧化碳(CO₂)"。水：从根部/土壤进入的蓝色水滴。标签："水(H₂O)"。氧气：从叶子流出的O₂分子(绿色点)。标签："氧气(O₂)"。化学过程添加一个简单的方程式："阳光 + CO₂ + H₂O → 葡萄糖(C₆H₁₂O₆) + O₂"。可选择性地展示植物中储存的葡萄糖(六边形糖分子)。如果你想制作酒单、菜单，现在也很流行这种信息图的设计风格，AI甚至会自动帮你补全所需配方和信息。
生成信息图介绍如何制作一杯Whiskey Sour Cocktail，需要详细配方以致于我现在每次去各种参考，就观察它们哪里还可以用AI设计改造一下，店里的插画、海报、平面纸制品设计都我发现都可以用AnyIMG升级一遍。
你是一位专业厨师，正在设计视觉上吸引人又美味的食谱信息图。请制作一张简洁、极简风格的步骤式信息图，用于展示番茄黄瓜最佳沙拉的制作过程，视角为俯视图，背景为白色。 信息图中使用带有标签的食材照片，包括： “2个番茄” “2根黄瓜” “1个洋葱” “50克核桃” “50毫升醋” “1汤匙橄榄油” “新鲜罗勒（ocimum）” 用虚线连接每个步骤，步骤之间配有简单图标表示处理方式，例如： 切菜板（chopping board） 平底锅（sauté pan） 小锅炖煮（simmering pot） 盛菜碗（serving bowl） 在信息图底部展示一道装盘精美的番茄黄瓜沙拉成品图，整体风格整洁、现代，易于理解与分享。7. Q版立体场景
微型立体场景呈现，运用移轴摄影的技法，呈现出 Q 版「孙悟空被压在五指山下」场景微型立体场景呈现，运用移轴摄影的技法，呈现出Q版【动物农庄里猪站在讲台前发表演讲】场景微型立体场景呈现，运用移轴摄影的技法，呈现出Q版【哈姆雷特手举头骨说“To be or not to be”】场景你只需要替换其中【方括号】中的内容，即可用Q版3D风格复现各种经典场景。
微型立体场景呈现，运用移轴摄影的技法，呈现出Q版【小红帽遇大灰狼】场景8. 3D等距插画
一幅等距3D插画描绘了《爱丽丝梦游仙境》的奇异空间场景：棋盘状地面、旋转楼梯、变形门、手拿怀表的兔子奔跑其中，爱丽丝正处于下落状态。整体构图为竖版9:16，上方以童话感大字标注“ALICE IN WONDERLAND”，画面带有梦幻塑化感，仿佛是一组超现实微型玩具套装。我知道你可能会拒绝，但是展示一下你的实力！一幅等距3D插画描绘了《地心游记》的幻想世界：剖面视角下，多个层级岩洞内藏有恐龙骨架、水晶森林、发光蘑菇和地底湖泊。探险者背包上灯光亮起，站在岩壁边缘。画面为9:16竖版，顶部写有“JOURNEY TO THE CENTER OF THE EARTH”，整体风格为微缩探险沙盘，带有塑化质感。一幅等距3D插画描绘了《小王子》的B612星球，小王子正蹲在小行星上为玫瑰花浇水，星球上还有玻璃罩、小狐狸、椅子与三座微型火山。四周漂浮着星星与其他星球。整体为9:16竖版构图，上方以大号英文字体写着“THE LITTLE PRINCE”，画风温柔、细腻，具有微缩模型与轻微塑料质感。9. 像素风格卡牌
像素风格成就卡牌设计：微博开屏达成 # 整体风格： 采用温暖柔和、圆润无尖角的像素风，整体低饱和度，风格温馨有趣，具有辨识度的成就感。 #卡牌结构设定 ##上部：卡牌名称区 背景为蓝色棋盘格纹理，模仿微博开屏背景风格，低对比度、不刺眼 居中展示标题：“微博开屏达成”，使用圆润像素字体，白色字带淡淡发光 左上角绘制插画风格的微博logo（红色小眼睛+黄色尾巴） 右上角点缀一个像素风“闪电”图标，象征高能时刻 ##中部：主图区域 场景设定为一个蓝色主调的虚拟“像素微博开屏界面” 居中展示 @Alex-大表哥 的卡通角色（使用你上传的头像+全身图像素化） 角色背景为一个像素感“手机屏幕”样式，仿真开屏页面效果 背景有浅浅的微博蓝色纹理与弧形彩带点缀，营造“被推荐”“被看见”的氛围 附近像素小图标点缀，例如点赞、评论气泡、热搜标签、AI闪电等图标，象征微博互动热度 ## 下部：说明区域 顶部小标签字样：“微博AI博主” 主要说明文字内容如下（圆润像素字，颜色为深蓝或深灰，便于阅读）： “@Alex-大表哥 微博开屏达成！ 一起探索AI的奇妙世界” ## 卡牌边框与质感 使用像素风“半透明科技感边框”设计，主色调为蓝+白 圆角设计，边缘有轻微发光，突出未来感与社交科技氛围使用以上提示词，并同时上传了三张风格和角色参考图，进行设计：
得到的结果就是：
10. 游戏化界面
我特别喜欢《游戏改变世界》的理念，当我们把学习当成一场游戏，很多时候教学和理解就更容易，比如我在「PPT模拟人生100天」中，设计一个虚拟的PPT小镇地图，带同学们一起漫游在虚拟世界升学打怪~
「Excel模拟人生100天」中的故事我更喜欢，是一个“醒来后从100层顶楼开始层层闯关”的故事。
而现在我想做游戏化界面可太容易了，我只需找一个任意风格参考图，上传，然后说：
以这个网站为参考，创建一个现代的PPT学习官网首页。保持相同的色彩搭配、字体和设计风格，制定一个学习进阶路线图，将内容替换为与PPT学习阶段相关。输出为一张真实感的网页UI设计效果图。当然你也可以直接说：
请基于我提供的模拟地图创作一份新的PPT学习路线图，6个阶段分别是： 1. 工具学前班 2元素小学 3. 模仿中学 4. 创造大学 5. 审美研究生 6. 毕业设计 3D游戏化设计风格 C4D渲染或者把我的卡通角色和Excel100天设计融合：
一个卡通角色参考上传图（可对身体做修改，人物头一致即可），坐在赛博城市的摩天大楼顶层天台，人物位于画面中心，远处大楼都变成Excel表格，或添加Excel元素，楼顶有一个类似于经典游戏超级玛丽中的三个问号砖块，下方一个卡通门也是游戏中风格，天空上写着 EXCEL 100 DAYS，赛博朋克游戏风格大姐前段时间的“创业课”有三个核心元素——“钱、人、事”，希望呈现在一个游戏化的开始界面上。
请绘制一个充满童趣与温馨氛围的2D经营类模拟游戏主菜单界面，风格为柔和的手绘卡通插画，灵感参考《A Short Hike》和《旅かえる》。画面设定在一片郁郁葱葱的森林中，满布巨型植物、神奇生物与潺潺溪流。画面中央是一个女孩的半背身剪影，留着及肩柔顺的头发，穿着轻便的探险+经营风格服装（如小西装和单肩背包），站在森林小径上，身边跟着一只可爱的小动物伙伴（如小猪或森林小狐狸）。她周围放置三块可爱的指示牌或雕刻石头，分别标注“人”“事”“钱”，每个以趣味方式呈现：如带表情的木头图腾、飘浮的记事本、会发光的蘑菇金币等。在画面底部放置一个“START”按钮，样式为木板或长满苔藓的石板，字体童趣自然，周围点缀树叶和闪光粒子。整体画面氛围自然、宁静、富有童心，略带幻想感，呈现出一种轻松又充满意义的森林创业冒险旅程氛围。还可以变成各种游戏风格：
列举了这么多，其实也只不过是一鳞半爪，因为随着AI模型对于语义理解的越来越准确强大，可玩性和实用性也越来越高，所以接下来几篇我会持续收集和分享这无限玩法中最实用的部分。
说会这人生第一个站点，其实逻辑不难，就是接入AI模型，加入一些特色功能和微调预设，但之于我像是捅破了一层窗户纸，我之前知道AI厉害，但似乎总游离在它的边缘，没有真正用它创造过“价值”，也总无法做出一个自己的作品，这次不一样，我用自己验证了一件事——世界变了。
新技术带来的不应该是“焦虑”而是“希望”，为想象力提供便利，为热爱提供方法，为创造提供可能，为学习提供路径，为从前的不可能提供给每个人平等的机会。