katon

@hellokaton • 12,232 subscribers

vibe art share · vibe coding tips 👉 building https://t.co/ZsjBXT31h2

Shorts

有老哥把 X 上高质量的 GPT-4o 图片生成示例和提示词做了一个 awesome 仓库开源了，保留原作者出处。star 献上 🌟

有老哥把 X 上高质量的 GPT-4o 图片生成示例和提示词做了一个 awesome 仓库开源了，保留原作者出处。star 献上 🌟

239,513 次观看

可视化预览任何 Github 仓库源码！只需要将 Github 仓库 URL 中的 "hub" 替换为 "diagram"，就可以用交互式图表查看，方便理解代码组织结构。项目代码也是开源的 😋

可视化预览任何 Github 仓库源码！只需要将 Github 仓库 URL 中的 "hub" 替换为 "diagram"，就可以用交互式图表查看，方便理解代码组织结构。项目代码也是开源的 😋

69,546 次观看

🤯 AI 写 UI，总是“漂亮一点，有设计感”？效果拉胯？我发现了神器 uiprompt，让你的 UI 设计瞬间起飞 ✓ 汇集大量精美UI + 对应提示词 ✓ 一键生成同款Prompt，告别描述无力 ✓ Claude/Cursor/Deepseek/豆包... 通通适用！告别垃圾UI，让AI真正懂你的设计！赶紧体验，点赞收藏不迷路！

🤯 AI 写 UI，总是“漂亮一点，有设计感”？效果拉胯？我发现了神器 uiprompt，让你的 UI 设计瞬间起飞 ✓ 汇集大量精美UI + 对应提示词 ✓ 一键生成同款Prompt，告别描述无力 ✓ Claude/Cursor/Deepseek/豆包... 通通适用！告别垃圾UI，让AI真正懂你的设计！赶紧体验，点赞收藏不迷路！

61,803 次观看

以前学习各类编程语言的时候，看完官方文档/圣经系列后缺少一些实战底气，我特别喜欢找一些实战性的文档或代码学习。 Golang 的「七天从零实现」系列，手把手带你撸： ✓ Web 框架 ✓ ORM 框架 ✓ 缓存服务 ✓ RPC 服务如果你也对底层原理感兴趣，想挑战一下自己的技术实力，强烈建议 mark 一下！

以前学习各类编程语言的时候，看完官方文档/圣经系列后缺少一些实战底气，我特别喜欢找一些实战性的文档或代码学习。 Golang 的「七天从零实现」系列，手把手带你撸： ✓ Web 框架 ✓ ORM 框架 ✓ 缓存服务 ✓ RPC 服务如果你也对底层原理感兴趣，想挑战一下自己的技术实力，强烈建议 mark 一下！

57,898 次观看

今天发现 SmartPDFs 这个项目，UI 是我喜欢的风格。顺手用 Cursor Vibe Coding 一下，结合之前分享的图像移除库快速实现了一个 remove-bg 小工具。代码已开源，2 个项目链接放在下面帖文了。

今天发现 SmartPDFs 这个项目，UI 是我喜欢的风格。顺手用 Cursor Vibe Coding 一下，结合之前分享的图像移除库快速实现了一个 remove-bg 小工具。代码已开源，2 个项目链接放在下面帖文了。

44,135 次观看

找了很久的本地格式转换工具，终于找到完美方案。 VERT - 开源转换神器 ✓ 完全本地运行(基于 WebAssembly) ✓ 无文件大小限制 ✓ 支持 250+ 格式:图片/音频/文档/视频 ✓ Docker 一键部署 + 中文支持 ✓ 界面简洁(Svelte 开发) 特别适合: - 批量转 WebP 减少网站体积 - 处理敏感文件不想上传云端

找了很久的本地格式转换工具，终于找到完美方案。 VERT - 开源转换神器 ✓ 完全本地运行(基于 WebAssembly) ✓ 无文件大小限制 ✓ 支持 250+ 格式:图片/音频/文档/视频 ✓ Docker 一键部署 + 中文支持 ✓ 界面简洁(Svelte 开发) 特别适合: - 批量转 WebP 减少网站体积 - 处理敏感文件不想上传云端

23,717 次观看

😎 听说你很懂 Web 渲染？试试这个用 Three.js 和 Ammo.js 搞的 3D 物理引擎个人主页，让你在浏览器里体验真实世界的碰撞和互动！ ➤ 实时碰撞、互动，物理效果炸裂 ➤ 光线投射，点哪打哪 ➤ 移动端也能流畅运行

😎 听说你很懂 Web 渲染？试试这个用 Three.js 和 Ammo.js 搞的 3D 物理引擎个人主页，让你在浏览器里体验真实世界的碰撞和互动！ ➤ 实时碰撞、互动，物理效果炸裂 ➤ 光线投射，点哪打哪 ➤ 移动端也能流畅运行

33,727 次观看

如何优雅的阅读实时热门资讯？一个宝藏工具 newsnow，无论是自媒体想追最新抖音微博热点，还是开发者想获取 GitHub / HN / Product Hunt 的最新动态，通通拿下。 11k Star，极简优雅的设计，支持拖拽排序，更有贴心的深色模式和GitHub数据同步，并且支持 MCP 调用。 👇 链接和开源仓库在下贴，点赞收藏不迷路。

如何优雅的阅读实时热门资讯？一个宝藏工具 newsnow，无论是自媒体想追最新抖音微博热点，还是开发者想获取 GitHub / HN / Product Hunt 的最新动态，通通拿下。 11k Star，极简优雅的设计，支持拖拽排序，更有贴心的深色模式和GitHub数据同步，并且支持 MCP 调用。 👇 链接和开源仓库在下贴，点赞收藏不迷路。

23,247 次观看

一句话生成一份完善的 PRD 文件 🪄 含功能规划、技术栈、UI/UX、数据模型、API 集成及开发路线图。

一句话生成一份完善的 PRD 文件 🪄 含功能规划、技术栈、UI/UX、数据模型、API 集成及开发路线图。

23,133 次观看

2K 关注者达成！感谢大家 🥰 回想起来还挺有意思：10年前就注册了推特，但一直都是默默潜水。那会儿忙着在 GitHub 写代码，掘金/知乎写文章，剪 Youtube 视频...搞得太分散，精力跟不上。今年开始专注在 X 做内容，这里信息密度非常高，有更多的互动，评论区总能发现宝藏创作者。如果推荐一个冷门但优质的 X 友，你会选谁？

2K 关注者达成！感谢大家 🥰 回想起来还挺有意思：10年前就注册了推特，但一直都是默默潜水。那会儿忙着在 GitHub 写代码，掘金/知乎写文章，剪 Youtube 视频...搞得太分散，精力跟不上。今年开始专注在 X 做内容，这里信息密度非常高，有更多的互动，评论区总能发现宝藏创作者。如果推荐一个冷门但优质的 X 友，你会选谁？

12,233 次观看

Videos

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Exclusive private shows

1.2k viewers online

Private Show

Join now for exclusive access

Free preview available • Premium content

ChatGPT 免费用户一天只有 2 次生成图片次数，EasyControl 刚刚在 Hugging Face 发布了 EasyControl_Ghibli 模型，可以免费生成吉卜力风格图像，操作非常简单，速度收藏。该模型仅使用了100张真实亚洲面孔与 GPT-4o 生成的吉卜力风格对应图像进行训练，并在应用标志性动漫美学的同时保留了面部特征。

ChatGPT 免费用户一天只有 2 次生成图片次数，EasyControl 刚刚在 Hugging Face 发布了 EasyControl_Ghibli 模型，可以免费生成吉卜力风格图像，操作非常简单，速度收藏。该模型仅使用了100张真实亚洲面孔与 GPT-4o 生成的吉卜力风格对应图像进行训练，并在应用标志性动漫美学的同时保留了面部特征。

120,389 次观看 • 1 年前

看到总有人用 AI 写管理后台，真没必要 😏 太多成熟的开源项目了，直接抄作业就OK！这个网站汇集了大量 Vue 后台管理系统。 → 功能完善 → 前后端集成 → 按后端筛选

看到总有人用 AI 写管理后台，真没必要 😏 太多成熟的开源项目了，直接抄作业就OK！这个网站汇集了大量 Vue 后台管理系统。 → 功能完善 → 前后端集成 → 按后端筛选

63,439 次观看 • 1 年前

发现一个强大的视频下载器 ytDownloader 虽然界面有点丑，但支持上百种网站下载。 ✔ 支持下载字幕 ✔ 支持视频音频合并 ✔ 支持下载播放列表 ✔ 支持Windows/Mac/Linux 视频演示如何下载 X 视频和 Youtube 视频 Github 链接：

发现一个强大的视频下载器 ytDownloader 虽然界面有点丑，但支持上百种网站下载。 ✔ 支持下载字幕 ✔ 支持视频音频合并 ✔ 支持下载播放列表 ✔ 支持Windows/Mac/Linux 视频演示如何下载 X 视频和 Youtube 视频 Github 链接：

39,780 次观看 • 1 年前

有朋友问我没有买 Claude 但是买了 Cursor 能不能用李继刚老师的卡片类提示词呢？直接复制进去貌似也不行，这里我刚好分享一下 Cursor 下使用 Claude 3.7 Sonnet 如何完成。核心思路： 1. 把提示词直接放进 .cursorrule 2. 在 svgviewer .dev 中预览效果我录制了一个简单的演示效果👇

有朋友问我没有买 Claude 但是买了 Cursor 能不能用李继刚老师的卡片类提示词呢？直接复制进去貌似也不行，这里我刚好分享一下 Cursor 下使用 Claude 3.7 Sonnet 如何完成。核心思路： 1. 把提示词直接放进 .cursorrule 2. 在 svgviewer .dev 中预览效果我录制了一个简单的演示效果👇

54,268 次观看 • 1 年前

一个穷学生借妈妈的钱开发的Bootstrap模板，12年后变成了价值百万的科技公司！现在他们把全部28套模板开源了——包括React/Next.js/Vue全栈方案！ ▫️ 2013年用妈妈贷款启动 ▫️ 卖出20,000+商业授权 ▫️ 养活过多个竞品公司创始人 ▫️ 现在全部开源！含Node.js后端！

一个穷学生借妈妈的钱开发的Bootstrap模板，12年后变成了价值百万的科技公司！现在他们把全部28套模板开源了——包括React/Next.js/Vue全栈方案！ ▫️ 2013年用妈妈贷款启动 ▫️ 卖出20,000+商业授权 ▫️ 养活过多个竞品公司创始人 ▫️ 现在全部开源！含Node.js后端！

49,265 次观看 • 1 年前

经常在做一些小玩意的时候需要找图，写了个轻量级 MCP Server 去 unsplash 免费可商用图库找图（本地运行）。视频为演示效果，代码放在下面帖文了方便大家学习，不到 100 行，使用有问题 Github 发 issue。

经常在做一些小玩意的时候需要找图，写了个轻量级 MCP Server 去 unsplash 免费可商用图库找图（本地运行）。视频为演示效果，代码放在下面帖文了方便大家学习，不到 100 行，使用有问题 Github 发 issue。

43,616 次观看 • 1 年前

想开发一款 AI 生图类 SaaS 应用？没必要从零 vibe coding，下面分享 2 个开源项目： - Next.js + Shadcn/ui 开发 - 多语言、深色模式 - 内置登录、Stripe支付 - 集成FLUX模型，开箱即用

想开发一款 AI 生图类 SaaS 应用？没必要从零 vibe coding，下面分享 2 个开源项目： - Next.js + Shadcn/ui 开发 - 多语言、深色模式 - 内置登录、Stripe支付 - 集成FLUX模型，开箱即用

37,124 次观看 • 1 年前

如果你要购买域名，并想比较首年价格、续费和隐私服务，最佳选择是：tld-list .com 1. 价格透明：实时对比70多家注册商报价 2. 无隐藏费用：显示续费价格，不会被“首年优惠”套路 3. 一站式搜索：900多个顶级域名任你选择

如果你要购买域名，并想比较首年价格、续费和隐私服务，最佳选择是：tld-list .com 1. 价格透明：实时对比70多家注册商报价 2. 无隐藏费用：显示续费价格，不会被“首年优惠”套路 3. 一站式搜索：900多个顶级域名任你选择

38,310 次观看 • 1 年前

用 Go 写了个 just-icon，一个交互式命令行工具，帮你一键生成网站/APP 的图标！ ✓ AI 魔法：一句话描述，AI 帮你瞬间生成高质量图标 ✓ 隐私至上：完全本地运行，数据永远是你的。安心！ ✓ 跨平台： Windows/Mac/Linux 支持 ✓ 代码开源： MIT 协议，欢迎共建

用 Go 写了个 just-icon，一个交互式命令行工具，帮你一键生成网站/APP 的图标！ ✓ AI 魔法：一句话描述，AI 帮你瞬间生成高质量图标 ✓ 隐私至上：完全本地运行，数据永远是你的。安心！ ✓ 跨平台： Windows/Mac/Linux 支持 ✓ 代码开源： MIT 协议，欢迎共建

30,371 次观看 • 1 年前

我在 Artifox 上线了老照片修复工具。 ✔ 免费体验、无需绑卡 ✔ 3 步完成：上传 → 修复 → 下载 ✔ 界面简洁 + 操作简单 ✔ 支持「创作者模式」自行发挥如果你只是想修一张家里的旧照，现在就可以直接试。

我在 Artifox 上线了老照片修复工具。 ✔ 免费体验、无需绑卡 ✔ 3 步完成：上传 → 修复 → 下载 ✔ 界面简洁 + 操作简单 ✔ 支持「创作者模式」自行发挥如果你只是想修一张家里的旧照，现在就可以直接试。

19,218 次观看 • 10 个月前

拒绝平庸！一个宝藏个人主页开源✨ 🌟 特性： √ 10分钟搭建碾压式技术人设 √ 动态简历+技术博客+产品橱窗三合一 √ 暗黑模式切换+丝滑动画特效 √ 保姆级 SEO 优化 √ 内置GitHub贡献墙+油管视频矩阵 🚀 技术栈： - Next.js 14 App Router - Framer Motion 动画库 - shadcn/ui - MDX 博文编写 - Vercel一键部署 ⛳在线预览： 📦Github仓库：

拒绝平庸！一个宝藏个人主页开源✨ 🌟 特性： √ 10分钟搭建碾压式技术人设 √ 动态简历+技术博客+产品橱窗三合一 √ 暗黑模式切换+丝滑动画特效 √ 保姆级 SEO 优化 √ 内置GitHub贡献墙+油管视频矩阵 🚀 技术栈： - Next.js 14 App Router - Framer Motion 动画库 - shadcn/ui - MDX 博文编写 - Vercel一键部署 ⛳在线预览： 📦Github仓库：

14,707 次观看 • 1 年前

🤯 之前推文中分享了 Neobrutalism 风格的 UI 组件，今天发实战效果！做了个小项目：AI 帮外国朋友取中文名！最近看到很多外国友人涌入小红书，PH 上也有人做类似产品，所以决定用这个想法实战一下新野蛮风格UI库。想要源码的朋友，关注我在评论区留下 "CODE"，我会私信发给你。评论超过 50 条，直接开源！ 👉点击链接体验：主要特点： 🌟 根据英文名及介绍生成中文名 🎨 复古的 Neobrutalism 设计风格 🌑 支持暗色模式 📱 响应式设计，移动端自适应 ⚙️ 使用 aisdk 实现流式输出

🤯 之前推文中分享了 Neobrutalism 风格的 UI 组件，今天发实战效果！做了个小项目：AI 帮外国朋友取中文名！最近看到很多外国友人涌入小红书，PH 上也有人做类似产品，所以决定用这个想法实战一下新野蛮风格UI库。想要源码的朋友，关注我在评论区留下 "CODE"，我会私信发给你。评论超过 50 条，直接开源！ 👉点击链接体验：主要特点： 🌟 根据英文名及介绍生成中文名 🎨 复古的 Neobrutalism 设计风格 🌑 支持暗色模式 📱 响应式设计，移动端自适应 ⚙️ 使用 aisdk 实现流式输出

12,113 次观看 • 1 年前