前面很多评论问怎么提升 vibe coding 设计水平，再次分享下这个 vibe coding utility 聚合站。 我平时收藏的一些实用工具全放在里面了。包括：组件库，icon, fonts, 色彩，动效，设计灵感，可以当做你手边的 vibe coding 字典使用。纯免费产品。

新版完全重写了设计语言，后续会开源出来。以后它就是一个“兼容飞书文档的本地高性能富文本编辑器”。 还有挺多小 bug 需要一点点修复，再等一等。 btw：左边支持 emoji 也是为了兼容飞书文档，不是我对 emoji 有啥偏好...

显然，评论区里面有很多人知道一个纯本地化的块文本编辑器有什么用，也有很多人不知道。 能够不依赖任何云，完全拥有自己的文档，本身就是价值。Rust 带来的高性能是它的第二重价值。 我不会发布这一版，因为它完全是飞书的设计，但我会基于它做一个全新的产品出来，到时候会开源出来。 如果你暂时 get 不到为啥还需要一个纯本地的块文本编辑器，默默旁观就好了，我烧的这点 token 相比 A\ 和 OpenAI 那帮人啥也不算。

最近用 Opus 5.5 跑了 104 个小时，用 Rust + GPUI 重写了一个飞书文档本地客户端，最终得到的效果很超乎预期： - 覆盖了飞书文档的绝大部分功能，除了必须依赖云端的 feature。 - 标题、文字、列表、表格、分栏、高亮、引用、代码块，各种交互表现细节和 web 版保持高度一致。 - 100 万字的文档，单帧绘制耗时中位数 5.7ms，性能远超 web 版。 - 28MB 的轻量客户端，纯本地存储。 做完这个测试才第一次切身感受到什么叫“许愿式编程”，opus 5.5 就像一个事无巨细的老管家，宁愿跑三天三夜也要帮我把所有细节都处理好，这感觉太神了。 出于对飞书团队的尊重，这个项目不会对外发布😄

最近在做一个情侣 Bot App，摸索出了一套用 Codex 做治愈、可爱风格 UI 的流程： gpt-image-2.5 生成参考图 —> 确定视觉风格 —> 横向扩展 —> 生成透明背景素材图 —> 代码还原 —> 对照精调。 今天把这套流程整理成了一个 Skill，叫「萌 UI Skill」，效果拔群，分享一下～

@s1dashu 这个 IP as logo 的思路很喜欢，Fork 了这个 Skill 仓库后，按照个人喜好调整了配色方案和背景设计逻辑。 效果如图！喜欢我的这种配色和背景设计的朋友也可以试试，欢乐搞起来！

没想到 ip-as-logo-skill 发布后这么火。这两天我一直在测试和修补问题： 1. Codex ImageGen 容易因为「logo」一词生成透明背景，现已调整提示词，透明图比例明显降低。 2. 少数图片曾出现边缘残缺，主要是透明背景生成导致的；调整后已很少出现。 3. 很多 Agent 没有生图能力，目前 Codex、豆包、Workbuddy、Coze、Youmind 等支持较好。Claude Code 等 Agent 可能会尝试 SVG 绘制，效果不理想，这个问题暂时无法解决。 不过，对于没有 Codex 等 Agent 的用户，可以试试我新开发的这个网站： 我把我这两天测试过程中生成的三千多张 Logo 全部挂上去了。感谢赛博菩萨 Cloudflare 的 R2，让我几乎零成本host 几千张图~ 这个网站没有任何收费服务，所有图片直接免费下载，全部可商业，无附加条款。随便下～ Skill 也已经更新最新版本，昨天体验不好的可以再试试：

最近做了一个新的 Logo Skill，效果挺不错的： 背景是：最近发现 grok bot, coze, workbuddy, 豆包, kiro 等等产品，其实都是在将产品 IP 形象直接作为产品的 Logo，Logo 辨识度极高，同时增强 IP 记忆，感觉挺不错的。 所以最近我的所有产品 logo 都有一个对应的可爱小 IP，并且直接使用 IP 作为 Logo，Vibe 的产品多了，逐渐就形成了这个Skill。 这个 skill 的核心： 1. Logo First，IP Second：首先保证它是一个简洁、清晰、易识别的 Logo，其次才是一个可爱的 IP 形象，避免复杂插画感。 2. 极简构成：只保留最有辨识度的轮廓与五官，用尽可能少的形状完成设计，缩小后依然清楚。 3. 圆润、浑厚的线条：避免尖角、细线和锐利结构，让形象更加友好、稳定，也更适合作为 App Icon。 4. Flat-first 超轻拟物：整体仍以平面设计为主，只加入非常微妙的阴影、压痕和明暗层次，增强质感，但不会变成厚重的 3D 图标。 5. 克制的色彩系统：支持单色或双色 IP；通常 IP 内不超过两种颜色，加上纯色背景，整张 Logo 最多控制在三种主色以内。 6. 高占比人格化构图：IP 从左下角或右下角探出，占据较大的画面比例；通过简单的眼睛、嘴巴和姿态建立性格与记忆点。 一句话概括：把一个可爱的小 IP，压缩成一个精致的产品 Logo。

如果你是一个非设计师背景的 vibe coder，希望提升自己vibe作品的设计水平，可以安装一个listful 插件。 中间这几个设计类工具清单，都是我平时经常用的工具，我会每天开在副屏挂在手办，随时切换使用。 举几个例子： 1. copy-paste 组件库市场，社区里面热门的开源组件往往比你自己琢磨的效果更好，不要重复造轮子，需要编辑器、视频播放器等复杂组件的时候，先搜 2. 的形式挂出，只需要将design.md 粘贴给你的agent，就可以轻松复刻出这些网站的设计风格。 3. Aceternity UI：这是一个极高质量的精品 copy-paste 组件库，与 shadcn/ui 这种基础组件库不同的是，它更偏向于提供少量细节极其精致的关键组件，在关键位置使用，可以显著提升你整个产品的基础质感。 4. Nucleo Icon：这是一个付费的精品icon库，也提供大量的免费icon。我最近的两个产品都是用的这个icon库，换上之后瞬间感觉质感提升一个档次。 5. Mobbin：里面提供大量的真实 App 和网页设计截图，当你对UX/UI 设计的一些细节不确定的时候可以在 mobbin 上寻找一些参考，看看其他设计师是怎么解决你遇到的问题。

盘点了一下我每个月的订阅成本，越来越高了，为了随时体验各家产品更新也是拼了。 Codex：200 美元/月 Factory：20 美元/月 MiniMax Token Plan：49 元/月 GLM Coding Plan：118 元/月 Kimi Coding Plan：199 元/月 LibTV：1000 元/月

Listful 正式上线了 🎉 我经常收藏很多好用的网站，但真正需要时，它们不是埋在书签里，就是淹没在几十个标签页中。 所以我做了 Listful：一个把 Chrome 新标签页变成快捷网站启动台的插件。按场景整理常用工具和资源，打开新标签页，就能立刻找到下一步需要的网站。 支持手动定制你自己的新标签页，如果觉得麻烦，也可以右上角“设置”菜单中获取 Agent Skills，让 Agent 帮你根据你的书签或浏览历史定制你的上网首页。 内置大量的高质量精华网站集合，例如：indie hacker's collections, design engineer's collection，都是精心维护的网站清单。 欢迎 chrome web store 下载体验：

现在视频模型提示词就像写小作文 最近尝试生成了一个 30s seedance 2.5 的视频，提示词写了这么长： 参考图1为女主的肖像参考。只参考她的面部身份、白皙肤色、年轻东方女性五官、黑色矩形眼镜、中分黑发和左右两条长麻花辫；不参考原图背景、构图、固定姿势或固定笑容。 参考图2为同一个女主的全身与服装参考。女主的纤细高挑体型、八头身比例、极细腰、修长双腿，以及白色露肩修身上衣、低腰紧身灰色运动裤和露出鞋尖的白色运动鞋严格参考图2。 参考图1和参考图2共同定义同一个固定人物“女主”，绝不是两个女性。图1优先决定面部身份、眼镜和发型，图2优先决定全身体型、比例和服装。全片保持同一张脸、同一副眼镜、同一双麻花辫、同一体型和同一套服装，不换装，不生成女主的分身。 全片采用照片级写实的现代手机自拍视频风格，像女主亲自拿手机拍摄并发布的真实居家探秘Vlog。使用自然手机广角、轻微而真实的手持晃动、可信的自动曝光和白平衡变化。前置自拍与后置摄像头画面交替，切换明确，不生成悬浮在画面中的第二部手机。 女主动作自然，走路时身体和手机产生轻微同步起伏；双麻花辫、衣料和肩部随动作产生克制的真实反馈。她面对越来越荒诞的收藏仍然平静、轻描淡写，不表现炫耀式兴奋。她的表情依次经历亲切神秘、故意卖关子、若无其事、短暂谨慎，最后转为真实警觉和不安。 隐藏房间虽然远大于住宅的外部体积，但每个内部空间都具有稳定的墙壁、地面、天花板和透视关系，不出现梦境式扭曲。 每一扇暗门都是边缘、门框、把手和铰链清楚可见的实体门，由女主用手正常打开或推开。衣柜、墙壁和家具不从中间裂开，不液化、不变形、不凭空消失。换房间时，让门板、门框或黑暗门洞短暂占满画面，再硬切到新空间。 第一层是温暖精致的女性私人衣帽间；第二层是远大于整栋房屋的豪华电竞与原创概念跑车空间；第三层是收藏完全虚构艺术品和虚构文明遗物的私人宝库；第四层是非血腥的异常样本封存设施；机库尽头存在一扇已经完全敞开的普通浅色木门，但不揭示门后的具体空间或主体。 所有包袋、首饰、手表、数码设备、汽车、艺术品、雕塑、文物和文明标记均为原创虚构设计，不出现现实品牌Logo，不复制现实名画或现实文物。 女主使用年轻成年女性的标准普通话，声音清亮自然，语速偏快但清楚，像随手拍摄短视频。前半段语气轻松随意，最后两句明显降低音量，出现短暂停顿和真实警觉。 全程无背景音乐。使用门锁、门轴、脚步、衣料、设备运转、跑车解锁、低温设施、金属碰撞和未知脚步声建立节奏。声音必须与当前动作同步。 全程不生成任何字幕、旁白文字、对白文字、标题、姓名标签、品牌文字或其他屏幕叠字。所有信息只通过画面与声音表达，发布时的AI标注和字幕由后期添加。 所有镜头采用满幅画面，场景和背景完整覆盖整个可见构图区域。全片只出现女主一个可辨识人物，不出现其他人类、类人角色、麻将桌或棋牌室。 镜头1： 手机前置摄像头自拍。现代卧室内，女主位于画面中央偏左，参考图1的脸、黑框眼镜、中分黑发和双麻花辫清楚可见，穿参考图2的白色露肩修身上衣和紧身灰色运动裤。 女主直视镜头，露出亲切而略带神秘感的微笑，准确说： {今天带你们看我的秘密基地。} 她说到“秘密基地”时，用空着的手正常打开一座普通双开门衣柜。衣柜门沿两侧铰链打开。衣柜内部完全空着，没有衣服、挂杆或杂物；柜体深处露出一扇尺寸正常的深色木质暗门，具有清楚的金属把手。女主说完后把摄像头转向暗门，镜头结束时暗门位于画面中央。 镜头2： 切换手机后置摄像头。近距离第一人称视角看见女主的一只手握住深色木门的金属把手，正常向内推开暗门。门轴发出轻微声响，暖黄色灯光从门后照入空衣柜。 摄影机跟随女主跨过门槛，进入约二十平方米的温馨私人衣帽间。当镜头开始扫过原创包袋陈列墙、首饰柜、香水、鞋履和梳妆台时，女主在画外用轻松随意的语气准确说： {第一间，就放了些包和首饰。} 女主说完时，镜头停在首饰柜旁一扇与墙板齐平、带小型实体把手的窄门上。 镜头3： 切回前置自拍。女主站在温暖衣帽间内，首饰柜和包袋墙位于她身后。她看向镜头，眼睛轻轻睁大，嘴角出现故意卖关子的笑意，准确说： {不会以为这就是全部吧？} 她说完之后才转身握住窄门的普通把手，把门正常向外拉开。门后不是储物柜，而是一片巨大的冷蓝色空间。冷光照亮女主半边脸。门板靠近镜头并占满画面，在门板遮挡上硬切。 镜头4： 切换后置摄像头，手机广角进入第二层。门后是远大于整栋住宅的豪华电竞与原创概念跑车空间。 前景整墙排列原创机械表，中景是多台无品牌顶级数码设备、巨型曲面显示系统、沉浸式电竞座椅和私人影院，远处玻璃车库停放数辆没有品牌标志的原创概念跑车。 镜头快速但清楚地横移，从机械表墙移动到发光电竞舱，再移向远处的概念跑车。横移过程中，女主在画外平静地准确说： {这里是电竞房，车停在后面。} 说到“后面”时，远处几辆概念跑车同时亮起车灯。设备风扇、电子启动声和跑车解锁声层次清楚。镜头最终停在跑车之间的一条通道上。 镜头5： 切回手机前置自拍。女主从概念跑车旁向空间深处行走，背景中的电竞房和巨大车库尺度清楚。她仍然没有炫耀或兴奋，像在介绍一个普通房间。 女主看着镜头，准确说： {再往里，才是我真正的收藏。} 她说完后，在两辆跑车之间找到一扇普通深色金属门。她握住把手将金属门正常推开，门后出现一条安静昏暗的艺术收藏廊。女主将手机转向门内，摄影机跟随进入。 镜头6： 后置摄像头低位向前移动，进入巨大的私人文明宝库。 近处玻璃展柜中陈列完全虚构的古代王冠和宝石；中景分布原创人物雕塑、会随观察角度改变光泽的无字画作、悬浮黑色石碑和庞大机械天文仪；远处收藏廊消失在黑暗中。 这些物品极其珍贵，但明显长期无人触碰。玻璃展柜、雕塑肩部和石碑底座覆盖一层薄而真实的灰尘。当镜头清楚拍到积灰时，女主在画外用略带嫌弃、毫不心疼的语气准确说： {好久没人打扫，都吃灰了。} 说到“吃灰了”时，镜头停在雕塑表面的薄灰上，随后把焦点转向巨大雕像后方的一扇厚重石门。 镜头7： 切回前置自拍中近景。女主站在厚重石门旁，先谨慎地看一眼门后，再转回镜头。她的笑容略微收起，声音压低，准确说： {最里面不能拍，当没看见。} 她说完后握住石门侧面的实体金属把手，沿正常铰链缓慢推开石门。低温白雾从门缝贴着地面流出，内部蓝白设施灯照亮女主的侧脸、黑框眼镜和双麻花辫。门后传来低频设备嗡鸣。女主不再说话，将摄像头转向门内。 镜头8： 切换后置摄像头，进入第四层异常样本封存设施。本镜头没有对白。 空间是一座巨大的地下低温机库，整体非血腥、真实而克制。前景透明密封石棺中保存一具来自虚构沙海王朝的古代木乃伊；中景直立低温舱内封存一具灰白色类人深空样本，身体完整，没有伤口、血液或腐烂；背景是一具横跨机库的巨大史前生物骨架。 地面冷雾缓慢流动，蓝白灯光被金属和玻璃反射。摄影机从石棺平稳抬起，经过深空样本低温舱，最后仰拍庞大史前骨架。低温舱中的类人样本只有一根手指发生一次极轻微移动，随后完全静止。女主没有发现。设施持续发出低频嗡鸣和冷气泄压声，在手指移动时出现一次非常微弱的心跳声。 镜头9： 后置摄像头沿低温机库中央通道缓慢向前。冰冷金属墙尽头安装着一扇极其普通、略显陈旧的浅色木门。门框、铰链和圆形把手清楚可见，但门已经完全敞开。 门内没有灯，只能看见层次真实、深不可测的黑暗。门口没有人物、怪物或可辨识主体。女主走到距离门口约三米的位置，半侧身进入画面，突然停下。她没有触碰门，也没有继续靠近。 女主原本轻松的表情迅速消失。她先盯着敞开的门，呼吸短暂停顿，再压低声音准确说： {等一下，这扇门我明明锁了。} 她说完后仍站在原地。黑暗深处传来一次距离很远的沉闷金属碰撞声。女主肩膀轻微收紧，开始缓慢后退，镜头始终不越过门槛。 镜头10： 切回手机前置自拍中近景。女主一边缓慢后退，一边努力维持镇定。参考图1的脸、黑框眼镜和双麻花辫稳定清楚；敞开的浅色木门始终位于她身后的画面中央。 门内依旧没有任何可见主体。黑暗中先传来一次很远的脚步声，停顿片刻，又传来第二次更近、更清楚的脚步声。女主立刻越过肩膀看向门内，眼神出现真实警觉，再迅速转回摄像头，低声准确说： {今天先到这里。} 她说完立即抬手遮住手机镜头。手掌自然靠近并完全遮黑画面，不出现融化或变形。画面完全变黑以后，未知脚步声又靠近一步，随后声音和画面同时结束。 全片保持女主身份、眼镜、双麻花辫、体型与服装稳定。不得生成第二个女主或额外人物。最后两镜中，摄影机、女主和任何可见物体都不能进入敞开的门；门内始终不出现可以解释悬念的具体主体。

做了一个给 indie dev/design engineer/vibe coder 用的 chrome new tab 插件，这几天在准备上架 chrome web store，发现 google 的chrome 开发者后台简直比苹果的开发者后台还难用。希望世界上能多一些关心开发者体验的产品！

director skill 迎来重大更新：新增全新的 Cinematic Drama（剧情影像）模式！ 这次我把抖音、红果上最火的短剧生产流程，加入到了 director skill 中。 现在，你可以用高度自动化的方式生产短剧：使用 Codex/ Claude Code/Pi 等 Agent，完成人物、场景、音色、分镜和视频生成，一天能产出约 10~20 分钟的短剧，把脑海里构思的世界观，变成视觉影像。 同时，这次 director skill 还新增了多款中英文音色，以及半写实 3D 国漫、东方奇幻暗黑 3D 等画风。 感谢 Seedance。以后，真的人人都可以做导演了。 skill 地址： 提示：这个 skill 里面不包含自动加 BGM、自动加字幕功能，因为 seedance 生成的片段有时还是需要轻微剪辑才能使用的，自动加音乐和字幕反而影响后续剪辑。

Pie 官网正式上线！现在可以下载 Pie 安装包了！ 官网： GitHub： Pie 是一个开源的 Agent-to-IM 连接器。 它支持将 Codex/Pi/Openclaw/Hermes 等 Agent 发布到飞书、微信、Discord、钉钉这些 IM 渠道中。 Pie 帮助你集中管理多个本地 Agent，专注优化 IM 渠道体验，并配置每个 Agent 在 IM 里的行为表现。