在线vibe coding交流活动系列《接近心流的创作方式》

【目前做的vibe作品】：

已商业化项目

1、https://wechatrss.waytomaster.com，微信公众号rss订阅工具，开源版本地址：https://github.com/tmwgsicp/wechat-download-api

2、https://ainewsrss.waytomaster.com，ai新闻日报rss订阅工具，即将开源

已开源项目：

1、https://github.com/tmwgsicp/vibecoding-for-beginners，用 vibecoding 做产品的实战指南，完整方法论 + 真实案例拆解 + 动手实践

2、https://github.com/tmwgsicp/voicetype，开源ai语音输入法，对标typeless

3、https://github.com/tmwgsicp/im-cli-bridge，手机vibecoding的工具，将claude code、codex等工具接入微信、飞书、telegram等IM平台

4、https://github.com/tmwgsicp/PhoneAgent，开源豆包手机，基于智普AutoGLM深度二次开发

【参与活动希望获得】

参加活动的诉求：商业合作、技术交流、产品体验反馈

🧧

1、https://wechatrss.waytomaster.com，微信公众号rss订阅工具

2、https://ainewsrss.waytomaster.com，ai新闻日报rss订阅工具

福利：上述两个saas产品可以提供闭门会用户的1个月的会员

2、分享者：凌沦

Digital Marketing医疗器械

vibe的方向 赛马预测 小游戏 疗愈 个人主页

【城市】

日本横滨

【目前做的vibe作品】：

链接：

个人主页Zyal Wang

https://zyalwang.netlify.app/zh/

60-00后童年回忆时光胶囊：

https://my-childhood-global.lovable.app/

赛马预测（实际日本周末各大赛马比赛）：

https://japan-keiba.lovable.app/

疗愈 心灵小镇：

https://quiettown.lovable.app/

赛马抽卡小游戏：

https://legend-derby.lovable.app/

旅游·拉面打卡

https://ramen-tour.lovable.app/

【参与活动希望获得】

App推广 交流灵感 变现方式（和其他嘉宾交流）也希望获得 制作下个App的灵感

3、分享者：张弢 Mog

职业：平面设计师/教师

vibe的方向：绘图/效率工具/声音图形互动

所在地：上海

【目前做的vibe作品】：

"__It" 系列工具

我通过邮件形式发给您，参加的门类都是：AI Application / Creative Tool

"__It" 系列工具概述

"__It" 是一组纯前端创意工具的集合，命名逻辑来自动词的直接性——Grid It、Dither It、Map It，每一个都是一个动作，一件事，做完就走。

这个系列的核心理念是：轻量、直接、可用。

• 轻量化：每个工具都是单一 HTML 文件，无需安装，无需账号，无需后端，打开浏览器即用

• 前端化：所有计算在本地完成，数据不离开用户设备，Canvas / WebGL / Web Audio 驱动全部视觉与交互

• 具体工具化：不做平台，不做生态，只做一件事，做到极致

这个系列是设计师用 AI 协作编程（vibe coding）的产物——创意方向由人主导，技术实现通过与 AI 的对话完成。每一个工具背后都是一个具体的审美问题在寻找答案。

───

Mapit-地图海报生成器

Mapitapp.cc

Map It 是一款基于浏览器的海报生成工具，它能够将地理数据转化为可打印的视觉作品。其核心理念非常简单：每一个地点都蕴含着一种等待被提取的视觉身份——街道的密度、海岸线的曲线、城市网格的结构。这些原本隐藏在地图中的形式特征，通过 Map It 被转译为可以被观看、被理解、也可以被印刷的图像。

Map It 的目标不是再现地理信息本身，而是揭示空间结构中的形式语言，使地理数据成为一种可被设计和表达的视觉材料。

Grid It — 网格海报生成器

griditapp.com (http://griditapp.com/)

将任意文字、图像组合成网格化海报模板。设计亮点在于对"网格"这一基础设计语言的重新激活——不是模板套用，而是通过参数控制列数、间距、栏间比例，生成具有格式化的模板输出。适合活动海报、展览物料、个人品牌物料的模板快速生成。导出高清 PNG/SVG，用户可以直接下载作为设计模板使用，并且内置多种格式模板，纯浏览器运行。

───

Ink It — 手写墨迹风格工具

inkitapp.com

inkit是一个通过输入二维笔画或者图形，直接生成体素3d笔触的，从二维转向三维的有机化创作工具，还支持三维模型输出/视图渲染高清输出/dither效果等。

───

Lace It — 编织纹样生成器

https://laceit.pages.dev/

基于数学曲线与重复单元生成编织风格的矢量纹样。用户可调节密度、对称轴、线条粗细，实时预览生成结果。设计亮点在于将传统手工艺的视觉语言转化为算法参数，每一次生成都是唯一的。支持 SVG 导出，可直接用于印刷或激光切割。

───

Dither It — 图像抖动处理器

ditheritapp.com (http://ditheritapp.com/)

将图片转化为抖动风格视觉，模拟 Risograph 印刷的颗粒感与色彩叠印效果，支持ascii二维码动态生成，可直接输出RISO印刷通道，并且按照通道进行打包使用。

───

Drop Text — 氛围打字物理玩具

https://droptext.pages.dev/

字母受重力下落堆积。Matter.js 物理引擎，Tone.js 环境音效（晴天/雨天/夜晚），按键音可在钢琴音与打字机音之间切换。

Drop Text 是一件关于文字重量的作品。我们习惯于数字文字是轻盈的、可撤销的——但在这里，每一个字母都有质量，会下坠，会堆积，会压垮彼此。这是对数字写作"失重感"的一次反叛。

───

Markit — "破坏式"批注工具

https://markit-5ft.pages.dev/

Canvas 批注工具，在纸张上圈词、连线、插图，A4 纸张比例，三页循环滚动，中英文混排分词，连线颜色随机打乱，图片跨页同步。

Markit 是一件关于破坏性阅读的作品。批注本质上是对原文的入侵——划线、圈词，是读者对文本施加的主权。Markit 将这种"破坏性阅读"可视化，让注释本身成为视觉语言。

【参与活动希望获得】

参加活动的诉求：商业合作、技术交流、产品体验反馈

以上是本期分享者，不定期周三晚全球线上讨论，如果你也有vibe coding欢迎联系

Copyright © 2026 RADHOST PTE. LTD. (UEN: 202450723N). All Rights Reserved.