CrabNote螃蟹笔记

我用AI,3天造个“Photoshop”,朋友说太酷了

我用AI,3天造个“Photoshop”,朋友说太酷了

我用AI,3天造个“Photoshop”,朋友说太酷了 我用AI,3天造个“Photoshop”,朋友说太酷了 Modified November 26, 2025 支持加圆角、加阴影、镜像翻转、加滤镜、调亮度、对比度。 还有些高级功能,比如输入提示词修改、双击裁剪等。 模版与分享 从零开始设计总是很难。 所以Canva、稿定设计等在线设计工具,都会提供海量模版。 模版是特别大的收费点。 咱审美不行。 所以开发了一个功能。 共享模版 任何你设计好的模版,另存时,都可选择是否共享。 复制: 把画布复制到剪贴板,直接可以在社交媒体粘贴发布。 下载: 下载为本地png文件。 分享: 生成一个包含你的画布作品的网页 例如这样 https://cover.qiaomu.ai/share/DVlejG 为了实现分享功能,用了Vercel的数据库。 其实也不复杂,你只需要按AI引导,一步步配置就行。 Vibe Coding小技巧分享 不着急开发 一定要需求讨论清楚后再让AI开发。 完成技术选型、需求点确认。 另一个好处,讨论过程中的信息,都是重要的上下文。 AI执行时,质量更高。 参考“最佳实践” 如果不知道某功能怎么开发,就告诉AI按最佳实践来写。 比如开发画布时,我不知道怎么描述画笔等功能交互。 就告诉 AI,你参考Canva或Figma的最佳实践。 哪怕不给参考的产品名,只说用“最佳实践”来写,出来质量也会很高。 代码复用 如果之前项目曾写过类似的功能或组件。 只需提供项目文件夹路径,让AI自己去读代码仿写。 最好配个截图,这样更清晰。 写在后面 你现在就能用电脑打开: https://cover.qiaomu.ai/ 插入图片、加入文字。 点击复制,发给别人。 比如我顺手做的Meme图。 支持加圆角、加阴影、镜像翻转、加滤镜、调亮度、对比度。 还有些高级功能,比如输入提示词修改、双击裁剪等。 模版与分享 从零开始设计总是很难。 所以Canva、稿定设计等在线设计工具,都会提供海量模版。 模版是特别大的收费点。 咱审美不行。 所以开发了一个功能。 共享模版 任何你设计好的模版,另存时,都可选择是否共享。 复制: 把画布复制到剪贴板,直接可以在社交媒体粘贴发布。 下载: 下载为本地png文件。 分享: 生成一个包含你的画布作品的网页 例如这样 https://cover.qiaomu.ai/share/DVlejG 为了实现分享功能,用了Vercel的数据库。 其实也不复杂,你只需要按AI引导,一步步配置就行。 Vibe Coding小技巧分享 不着急开发 一定要需求讨论清楚后再让AI开发。 完成技术选型、需求点确认。 另一个好处,讨论过程中的信息,都是重要的上下文。 AI执行时,质量更高。 参考“最佳实践” 如果不知道某功能怎么开发,就告诉AI按最佳实践来写。 比如开发画布时,我不知道怎么描述画笔等功能交互。 就告诉 AI,你参考Canva或Figma的最佳实践。 哪怕不给参考的产品名,只说用“最佳实践”来写,出来质量也会很高。 代码复用 如果之前项目曾写过类似的功能或组件。 只需提供项目文件夹路径,让AI自己去读代码仿写。 最好配个截图,这样更清晰。 写在后面 你现在就能用电脑打开: https://cover.qiaomu.ai/ 插入图片、加入文字。 点击复制,发给别人。 比如我顺手做的Meme图。 以上是我这周的探索尝试。 AI编程工具演化速度,让人震惊。 既然看到这里,请关注,一键三连,给我更多创作动力。 感恩的心。 🎡 近期活动推荐 音频模型的Seedance2.0时刻来了! 在火山引擎Force大会上,字节发布了最新的「豆包音频生成模型 Seed Audio 1.0」,它首次实现声音参考复刻,同时能根据你的描述,全要素直出你想要的任何声音。 只需一句话描述,可以直接生成有情绪、有停顿、有笑声,有背景音乐/音效的一整段多角色对白。 我们已经在内测玩了几天,非常上头。知识库整理了「豆包音频生成模型1.0使用教程」 🎺【实践手册】豆包音频生成模型1.0,重新定义AI音频创作 🎁 现在体验还有福利: 👉 第一步:进方舟体验中心,直接开整 https://ark.volcengine.com/region:cn beijing/experience/voice?model=doubao seed audio 1 0 👉 第二步:参与问卷调研,有机会获得2000分钟额度(限量10个名额),玩到爽 https://bytedance.larkoffice.com/share/base/form/shrcn2DdkTW8zJKn6vV30lnyHvb ⏰ 7月30日开奖,名额和额度有限,先到先得 🎺【实践手册】豆包音频生成模型1.0,重新定义AI音频创作 🎡 近期活动推荐 音频模型的Seedance2.0时刻来了! 在火山引擎Force大会上,字节发布了最新的「豆包音频生成模型 Seed Audio 1.0」,它首次实现声音参考复刻,同时能根据你的描述,全要素直出你想要的任何声音。 只需一句话描述,可以直接生成有情绪、有停顿、有笑声,有背景音乐/音效的一整段多角色对白。 我们已经在内测玩了几天,非常上头。知识库整理了「豆包音频生成模型1.0使用教程」 🎺【实践手册】豆包音频生成模型1.0,重新定义AI音频创作 🎁 现在体验还有福利: 👉 第一步:进方舟体验中心,直接开整 https://ark.volcengine.com/region:cn beijing/experience/voice?model=doubao seed audio 1 0 👉 第二步:参与问卷调研,有机会获得2000分钟额度(限量10个名额),玩到爽 https://bytedance.larkoffice.com/share/base/form/shrcn2DdkTW8zJKn6vV30lnyHvb ⏰ 7月30日开奖,名额和额度有限,先到先得 🎺【实践手册】豆包音频生成模型1.0,重新定义AI音频创作 🎡 近期活动推荐 近期活动推荐 音频模型的Seedance2.0时刻来了! 在火山引擎Force大会上,字节发布了最新的「豆包音频生成模型 Seed Audio 1.0」,它首次实现声音参考复刻,同时能根据你的描述,全要素直出你想要的任何声音。 只需一句话描述,可以直接生成有情绪、有停顿、有笑声,有背景音乐/音效的一整段多角色对白。 我们已经在内测玩了几天,非常上头。知识库整理了「豆包音频生成模型1.0使用教程」 🎺【实践手册】豆包音频生成模型1.0,重新定义AI音频创作 🎺【实践手册】豆包音频生成模型1.0,重新定义AI音频创作 🎁 现在体验还有福利: 👉 第一步:进方舟体验中心,直接开整 https://ark.volcengine.com/region:cn beijing/experience/voice?model=doubao seed audio 1 0 👉 第二步:参与问卷调研,有机会获得2000分钟额度(限量10个名额),玩到爽 https://bytedance.larkoffice.com/share/base/form/shrcn2DdkTW8zJKn6vV30lnyHvb ⏰ 7月30日开奖,名额和额度有限,先到先得 🔗 原文链接: https://mp.weixin.qq.com/s/24o8rGHf... https://mp.weixin.qq.com/s/24o8rGHf... 原创 向阳乔木 向阳乔木推荐看2025年10月24日 11:49 北京 我,一个不懂技术的产品经理,3天开发了个“在线简版 Photoshop”。 故事是这样的: 我小红书只有100多粉丝,对比Twitter的 66k 关注,显得太惨。 分析根源,可能是发布麻烦带来的问题。 发布麻烦 更新少 没网感 没流量 没正反馈 比如,小红书发文必须配图,配图好坏,直接影响点击率。 网页版发布也不方便,不支持截图粘贴上传。 为了解决这些痛点,我Vibe Coding了全套解决方案: 一个封面设计网站和一个油猴脚本。 使用网址: https://cover.qiaomu.ai/ 油猴脚本: https://xiangyangqiaomu.feishu.cn/wiki/LDN1wXjJOii3mwk4DgicuIwUnid 下面详细介绍产品功能和开发经验。 产品需求和技术方案 之前用过Drawinx开源画布。 但发现 AI 基于已有代码修改,反而很痛苦。 这次计划从0写,跟Raycast AI上的Claude 4.5讨论需求。 生成需求和技术文档。 最终选型: Nextjs开发、Vercel部署、Tailwind CSS样式、Fabric.js画布。 文档发给Augment开发。 一个相当牛逼的AI编程工具,不输于Claude Code和Codex。 等10分钟左右,修几个bug,MVP版就开发好了。 有点丑陋,掏出祖传界面设计PUA提示词。 https://xiangyangqiaomu.feishu.cn/wiki/K9bMweixHijuf4kOji7cbQVknhZ 经过耐心对话调整,完成美化。 后续,根据自己和群友需求,持续迭代。 陆续上线如 AI 生图、图片编辑、模版管理等新功能。 因为Vercel部署,只需要提交代码到Github,网站就能自动更新。 快的时候,几分钟就能上线新功能。 这比PRD 1 5 9稿评审,再交给程序员开发,快了不知道多少倍! 未来验证产品需求,都应该这么搞。 下面,介绍下核心功能,很实用,甚至有些花哨。 封面尺寸设置 小红书封面常见比例 • 3:4(竖屏) • 1:1(正方形) • 4:3(横屏) 3:4最常见,公众号图文封面也是类似比例,分辨率推荐1080 ×1440 为兼容公众号封面设计、PPT设计,增加了21:9等更多比例。 不同需求画布尺寸不一样,支持多画布的修改、删除。 字体 想有好看的封面或海报设计,字体很重要。 一开始用Google Font,但好的中文字体少。 直到搜索找到“中文网字计划”,大量开源中文字体。 甚至不用下载,直接CDN引用就行。 https://chinese font.netlify.app/zh cn/cdn/ 还有网友推荐了另一个项目,有924款免费商用字体。 https://fonts.zeoseven.com/ 这些开源项目真的伟大! 我从中选了18个字体。 个人比较喜欢抖音美好体、霞鹜文楷、汇文明朝体。 其他字体设置,比如调大小,设置背景,颜色,边框,也很方便。 画布背景 一个好的海报或封面,需要好看的背景。 支持纯色、渐变、图片。 找到一个专门挖掘好看渐变CSS代码的网站。 https://gradienthunt.com/popular 复制CSS交给AI作为渐变色背景就行。 另外一个技巧, 让AI生成“马卡龙渐变色”作为背景 ,淡雅、美观。 AI生图 需要任何素材或背景,直接让AI生成。 已有图片,也可以任意转换大小风格。 支持 Seedream4.0,第一次使用配置API即可。 除了从0生成,也可以选中图片右键,或者按Tab键对已有图片进行修改。 比如去水印、变成卡通风格等。 图片库 除了本地上传图片插入画布。 接入了全球最大的免费图库unsplash,申请API接入,非常简单。 https://unsplash.com/ 还有你历史用AI生成的图片,都会出现在“图库选择”中。 任意图片右键 "分享素材",都会进“共享素材”图库,其他网友可用。 人人为我,我为人人。 比如我上传了一些meme图,还有些AI处理的透明图,做PPT很实用。 图标和Emoji 发现小红书封面经常会用各种emoji。 另外,SVG矢量图标对设计很有用,无论原型设计,画面点缀示意。 可无损放大,任意改颜色、大小。 让AI全网找最常用的图标,挑选了250个,用的lucide库。 https://lucide.dev/ 最后,也支持快捷键画一些常见形状。 比如按 P 自由画笔,按 R 画矩形,按 O 画圆形,按 L 划直线等。 有了这套东西。 我感觉甚至能画产品原型图了... 图片编辑 去背景 有朋友问说能不支持抠图。 但我想,手动抠图太费劲。 AI抠图,无法做到透明背景,核心问题转化成如何去背景。 Claude给的答案有两个:API或模型处理。 Removebg的API效果确实更好些。(每月免费用50次) https://www.remove.bg/ 想完全免费,推荐用@imgly/background removal 库。 在线CDN引用80M模型,效果也凑合。 各种图片编辑功能