Your little thoughts will soon be forgotten, and the beautiful product will live on
Joined June 2024
- Tweets316
- Following18
- Followers12
- Likes41
砖笔刀 retweeted
Lee Robinson 在斯坦福 CS146S 讲 Grok Bot 的工作原理的视频，非常值得一看，把一些 Grok Bot 的内部工作流程用大白话说的很清楚，里面包含：
Always-on Agent 和普通 agent 的区别和设计
Harness设计
Context 工程，如何保持主 agent 轻量
训练方式
我看了很受益，推荐大家也看看
How do always-on, proactive agents like @Bot work?
Watch my lecture at Stanford CS146S:
2:35 How we got here
6:13 What changed in the models
10:06 Inside an always-on agent
18:07 The harness
27:26 Context engineering
34:26 Where this is going
砖笔刀 retweeted
Imagine every pixel on your screen, streamed live directly from a model. No HTML, no layout engine, no code. Just exactly what you want to see.
@eddiejiao_obj, @drewocarr and I built a prototype to see how this could actually work, and set out to make it real. We're calling it Flipbook. (1/5)
砖笔刀 retweeted
任意形象（真人）转为打工人专用表情包。
提示词：
生成一张可爱、治愈、极简手绘风格的卡通表情包合集。
【人物参考】
如果提供了人物照片或角色卡：仅将参考图用于识别人物的外观、服装和配饰，不复制参考图的排版、文字、标尺、背景、摄影风格或说明标签。
如果没有参考图，则使用以下人物设定：
【填写人物的年龄感、发型、服装、配饰、体型、物种或其他特征】
先从人物参考中提取 5—8 个最有辨识度的视觉锚点，例如：
发型与发色、头部轮廓、标志性服装、主色、配饰、帽子、眼镜、随身物品或物种特征。
将人物转换成统一的极简 Q 版卡通形象。保留这些辨识锚点，但大幅简化真实面部细节。角色采用大头、小身体、短四肢的比例；眼睛、眉毛和嘴巴使用简洁符号表现。九个单元中的角色必须保持相同的发型、服装、配色、配饰、身体比例和线条粗细，不改变人物身份。
【画面结构】
纯白色背景，正方形画布。
画面采用整洁的 3×3 隐形网格，共九个独立表情贴纸。三个横排、三个竖排，间距均匀，不显示网格线或单元格边框。每个角色位于所属区域中央或略微偏中心，大小接近，互不重叠，四周保留充足留白。
九个单元按照从左到右、从上到下的顺序分别表现：
1. “【短语1】”——【动作、表情或道具1】——红色点缀
2. “【短语2】”——【动作、表情或道具2】——橙色点缀
3. “【短语3】”——【动作、表情或道具3】——黄色点缀
4. “【短语4】”——【动作、表情或道具4】——绿色点缀
5. “【短语5】”——【动作、表情或道具5】——蓝色点缀
6. “【短语6】”——【动作、表情或道具6】——紫色点缀
7. “【短语7】”——【动作、表情或道具7】——红色点缀
8. “【短语8】”——【动作、表情或道具8】——蓝色点缀
9. “【短语9】”——【动作、表情或道具9】——橙色点缀
每格只出现一句短语和一个明确动作。短语可以放在对话气泡、小牌子中，或排列在角色手势旁边，但不能遮挡人物面部。
【中文文字设计】
所有短语必须逐字按照引号中的内容呈现，不增加其他文字。
使用童趣涂画感的中文手写体：笔画中等偏粗、圆润，粗细略有变化；结构紧凑但不拥挤；重心轻微跳动；字形略歪但容易辨认；边缘带有马克笔手写的柔和、不完全工整感。文字使用纯色平涂，不使用立体字效或阴影。
保持中文准确、清楚可读。不要乱码、多字、少字、错字、拼音替代或伪文字。
【视觉风格】
可爱、kawaii、治愈、极简、手绘、Q版、扁平二维插画、贴纸包、表情包合集。
使用略微圆润、带轻微手抖感的黑色线稿。线条可以有少量自然的不规则感，但人物轮廓和动作必须清晰。配色柔和、明快，饱和度适中偏高。颜色只用于文字、对话框、道具或少量装饰元素。角色本身以参考人物的标志性颜色为主。
全部使用纯色平涂。不要渐变。不要写实光影。阴影完全省略，或仅保留极轻微的贴纸式淡影。
【负面提示词】
写实人物、照片感、3D、复杂背景、场景化环境、渐变、厚重阴影、立体光效、可见网格、单元格边框、标准印刷字体、细致五官、成人写实身体比例、服装不一致、发型变化、人物身份漂移、九格角色风格不一致、重复动作、重复短语、错误中文、乱码、伪文字、英文、拼音、多余标题、水印、签名、裁切人物、额外肢体、凌乱排版、元素重叠。
🤖 Made with AI
砖笔刀 retweeted
Only if education could be this interactive ❤️🔥
I've had a looong wish to build something genuinely useful through vibe coding, and I finally did it.
A 3D human anatomy application built with @threejs using GPT 5.6 Sol.
It all started with a single design image that I created using GPT Image 2.0. I then used it to generate every 3D organ image, one by one.
Next, I converted each of those images into 3D models using @tripoai (and no, they didn't sponsor this 😄).
After that, I opened Codex, wrote a master prompt based on the design, and gave it the prompt, the design image, and all the 3D models.
Codex built the first version beautifully, but there was one big problem.
Every single 3D model was nearly 120-150 MB. That obviously wasn't practical for the web and was giving a performance of 16fps.
After a few iterations, Codex optimized each model down to roughly 2–5.5 MB while preserving the visual quality, reducing the total asset size from ~900 MB to just 28.6 MB. And each model loads on demand.
Along the way, Codex also generated those anatomical illustrations showing where each organ sits in the human body, and even created the interactive hotspot markers that explain different parts of every organ. It handled all of that.
The process wasn't exactly one shot, but it also wasn't difficult. You just have to do it step by step.
It genuinely felt like building something that could make learning anatomy much more engaging.
The inspiration came from @DilumSanjaya's 3D animal plant cell project. I remember seeing it and thinking, "I want to build something like this one day."
And I did it :D
Live: anatomy-livid.vercel.app/
Code: github.com/thebuggeddev/anat…
砖笔刀 retweeted
今天在 HackerNews 上看到这 bento.page/slides/ BentoSlides 这个项目很酷啊，理念非常棒。
是一个单文件 PowerPoint 替代品，一个 HTML 文件等于幻灯片内容 + 播放器 + 编辑器 全部打包在一起。导出以后就是一个 html 文件，别人有浏览器就能打开，完全 Local-first。
居然还有协作，端到端加密（AES-GCM），密钥保存在你的文件里，从不上传到服务器，文件本身就是邀请函：任何人打开副本即可加入，离线编辑也能精确合并回来。
并且 AI 友好，数据就写在 html 开头的 json 当中，可以让 AI 随意编辑。
github.com/nyblnet/bento 有更多详情，我觉得理念很酷啊。
DeepSeek 看不了图？我用 1 个本地脚本 + 一个免费模型，给纯文本 AI 装上了眼睛。图片全程不出本机，零隐私泄露，附两个真实跑通的实测案例
mp.weixin.qq.com/s/grVD98vLQ…
砖笔刀 retweeted
做交互做视频时，跟 AI Agent 描述半天动画效果也说不明白？-- 1 分钟认识 13 类常见 Motion 动效名称
“从右边快速滑入，停下时稍微回弹一下……”
为了让 Agent 做出想要的动画，你是否写了很长一段描述，结果它还是理解错了？
很多时候，不是描述得不够详细，而是缺少双方都能准确理解的动效名称。与其反复解释动画长什么样，不如直接说出它的名字。
这段不到 1 分钟的视频整理并演示了 13 类常见 Motion 动画：
1. 页面与视图切换：Push Slide
2. 元素进入与退出：Staggered Entrance
3. 状态变化：State Morph
4. 操作反馈：Press + Ripple
5. 滚动动画：Scroll-driven Transform
6. 导航动画：Sliding Indicator + Drawer
7. 加载与等待：Spinner + Shimmer
8. 数据变化：Bar Growth
9. 布局重排：FLIP Reorder
10. 手势与物理运动：Drag + Spring
11. 引导与提示：Pulse + Popover
12. 品牌与装饰动画：Orbit + Assemble
13. 3D 与空间运动：3D Card Flip
每个片段都包含醒目的中英文名称和直观示例，帮助你快速理解动画的视觉表现与适用方向。
知道名字之后，你不仅能更快找到参考，也能更准确地向 Agent、设计师或开发者表达需求。少写一大段模糊描述，用一个明确的名称，让所有人更快理解你想要的动画。
