Jack Chau

Hello, world~

[Tom Huang @tuturetom]

正式开源 html-anything 🚀 1:1 让你感受全网爆火 Claude code 作者提的 HTML 效果！

你的 Agent 现在可以将任何数据转为世界级设计水准的 HTML 🔥

历时 3 天，1万五千行代码！支持 75 套 Skills，9 种导出格式，支持所有的 code agent，包括 claude code、codex、openclaw、hermes 等💥地址见评论区

[Thariq @trq212]

https://t.co/MXt5XS4xBX

[泊舟 @bozhou_ai]

自学 Vibe Coding 看这三个开源项目就够，不用买课

很多 AI Coding 课程的素材都从这里来，原始版本反而更系统

1. Easy-Vibe
DataWhale 出品的系统教程，5k stars。分三阶段：从 AI 编程小游戏入门，到产品创意 + Web 原型，再到桌面应用和多 Agent 协作。零基础友好，中文为主
https://t.co/l6AqSDDUCC

2. vibe-coding-cn
原 EnzeD/vibe-coding 的中文翻译版，11k stars。三块内容：Prompt 提示词、Skill 技能库、Workflow 工作流。强调规划先行、模块拆分、接口在前，把 vibe coding 从随性即兴变成可重复工程
https://t.co/cYzLgpb0i5

3. awesome-vibe-coding
最全的 Vibe Coding 资源 awesome list，4k stars。覆盖浏览器工具、IDE、移动端 App、插件、CLI 工具。所有主流 vibe coding 工具的总目录
https://t.co/oWP4NoWDGl

先把这三个读完，你对AI Coding 会有一个全新的认知

[meng shao @shao__meng]

前端 Skills 满天飞，从前端设计、开发到调试都有很多 Skills 覆盖：
· OpenAI 和 Anthropic 的 FrontEnd-Design SKills
· Vercel 的 React Skills
· CDP、Playwright 等等

实在太多，相信每位前端开发都已经��了一套完整 Skills。

而对移动端开发者们（Android 和 iOS），他们感觉自己似乎被遗忘了，Android Studio 和 xCode 的 AI 功能很滞后很初级，移动端的 Skills 和 AI 经验总结也不多。

现在 Android 官方发布了 Android SKills，OpenAI Codex 也发布了 iOS 和 MacOS App 的 Use Cases，移动端开发朋友们终于站起来了吗 😄

Android Skills @AndroidDev
https://t.co/K8GZqftBOc
Codex Use Cases - iOS & MacOS @OpenAIDevs
https://t.co/oqJqbabQBX

[Frank Wang 玉伯 @lifesinger]

如何写出美好的东西

有个叫阿兰 · 德波顿（Alain de Botton）的人，写了好多好多书，在 YouTube 上有将近一千万粉丝。有人问他：你怎么写出那么好的东西。

德波顿的回答特别有意思。总结起来，有五大写作秘密。

秘密一：写作就像考古，先找第一个碎片

德波顿说，写作就像考古。你在地里挖到一��块碎陶片，你知道其他碎片就在附近，但你得慢慢挖，慢慢拼。一本书就是这么来的。没有人一开始就想到一整本书，大家都是先想到一句话、一个画面、一个碎片。

如果你坐在电脑前，发愁“不知道怎么开始写”，别担心，这很正常。只需要先写一个碎片就好。

秘密二：写作最需要的是痛苦

德波顿说：写作最需要的不是才华，而是痛苦。

梵高画鸢尾花的时候，不是在画一朵花。梵高孤独、绝望、没人理解，他画的其实是“活下去的最后一个理由”。梵高那么痛苦，那些花才那么美丽。

德波顿补充说：别傻，别去找痛苦。痛苦会自己来找你。你只要安静坐着，生活自然会给你足够的素材。只要你真的能放开自己，去感受生活。

秘密三：写不出来，是不够诚实

德波顿说，写不出来，其实不是没东西写，而是害羞。心里明明有话，但觉得“这个不该说”、“这太奇怪了”、“别人会笑我”等等。羞耻感把你堵住了。

打破写作瓶颈的药方是：多问自己，我到底在想什么。我真正想说的是什么。然后诚实地写下来。

秘密四：写作是一种复仇

德波顿还有一个很酷的观点：写作其实是一种复仇。

很多作家见面的时候特别温柔，说话轻声细语，看起来谁都不会得罪。但你翻开他们的书，哇，全是火力。因为大量优秀的作家，在生活里不太擅长反击，所以会把所有的力量都放进了文字里。

那些不相信你的人，那些不理解你的人，那些踩过你的人，现实生活中可以不理会。安静之处，写出一本书出来，就是最好的回应。

秘密五：写作的全部诀窍是诚实

有人问德波顿：如果让你去大学教一学期的写作课，你会教什么。

德波顿说，我会先问学生：为什么想当作家。也许不该当作家，也许有更轻松更好玩的事情等着你呢。

然后会带他们去公园，大家看同一棵树，回来各写各的。先写“你觉得应该写什么”，再写“你脑子里真正在想什么”。第二个版本，就是真正的写作。

诚实地感受，诚实地写作，这就是写出美好东西的全部诀窍。

原始采访视频如下，非常推荐静心观看。
https://t.co/HFIPQ7AWpT

[Xiao Tan @tvytlx]

https://t.co/i4jBHevGEi

[小互 @xiaohu]

MIT教授连续 40 年最火的一堂课

不教编程，教你怎么说话

我觉得这可能是AI时代最需要学习的能力：如何演讲和表达...

当 AI 取代大部分工作时候，表达可能是人类需要强化的能力，帮助你讲述你的工作和成就...

Patrick Winston 是 MIT 人工智能实验室的前任主任，他在 MIT 开了一门课叫"How to Speak"，每年一月开讲，连续讲了40多年。

没有学分，不算选修，但每次教室都挤满了人。

2019年是最后一堂。同年他去世了，有人把这最后一次录了下来放到 YouTube，到今天播放量超过2200万。

这堂课只讲一件事：怎么把话说好。

Winston 认为，一个人在职业生涯中能走多远，主要取决于三样东西：说的能力、写的能力、想法的质量。注意顺序，说排第一。

而说话的质量由一个公���决定：f(K, P, T)。K 是知识，P 是练习，T 是天赋。关键是，T 很小。真正决定你���不能讲好的，是你知道多少技巧，以及你用这些技巧练了多少次。

他举了个例子。有一年在 Sun Valley 滑雪，正好碰上名人周末，奥运体操冠军 Mary Lou Retton 也在。Winston 发现自己滑得比这位奥运冠军好得多，原因很简单：他有 K 和 P，她只有 T。天赋顶不过知识加练习。

这堂课的核心逻辑就在这里：演讲是可以学的，而且有明确的方法论。

[Xiao Tan @tvytlx]

Cheng Lou（之前在 React、Messenger、Midjourney 团队干过）他发的这条帖子，已经快800 万浏览了。

这个帖子很多人乍一看，估计心情跟我一样：“我完全不知道这是什么但看起来很重要"。

实际上，他做了一个纯 TypeScript 的文字测量库，叫 pretext。

网页上文字怎么排列，之前是浏览器帮你算的。一段话塞进一个 300px 的框，会换几行、总共多高，你提前不知道。唯一的办法是先把文字塞进 DOM，让浏览器排完，再回头问它：这段话占了多高？

浏览器回答这个问题的过程叫 reflow。reflow 是网页卡顿的头号原因。

过去 20 多年没有别的办法。想知道文字高度就得触发 reflow。一个死循环：你想在渲染之前知道尺寸，但得先渲染才能知道。

所以聊天记录往上翻会跳，瀑布流先闪一下再归位，"虚拟滚动 + 不定高"在前端是公认的噩梦级问题。

Cheng Lou 用�� JavaScript 复刻了浏览器的文字排版算法。不碰 DOM，不触发 reflow，直接算。

效果：
- 10 万个不定高文字卡片，120fps 滚动
- 聊天气泡自动收缩到最窄宽度
- 杂志式多栏排版，响应式动态重排
- 自动增高文本框、手风琴展开，全变成了附赠小功能

他在 thread 里说了句我觉得挺准的话：
"Web 搞了 20 年，弄出一个巨复杂的东西。效果就这样的话，砍掉 90% 的 API 也够用了。要对得起这个复杂度，效果应该好 10 倍才对。结果两头都没占到，读文章不好用，做交互也不好用。"

这件事在 AI 时代还有一层意义。文字布局变成了一个纯函数：输入文字、字体、容器宽度，输出精确的高度和位置。AI 生成 UI 的时候可以直接调这个函数，不用去理解 CSS 那套复杂的规则。

前端正在发生一个有意思的变化，就是有人发现可以不再等 CSS 进化了，直接绕过去。

[meng shao @shao__meng]

字节跳动 @Trae_ai 发布的这份「2026 企业级 AI 编程实践手册」质量不错，推荐朋友们看看。

第一部分：AI 时代的企业级编程方法论
对 Context Engineering、Skills、MCP、Spec、Rules、Agent 等做了很详尽的分享。

第二部分：用 TRAE 开发 TRAE 的实践
一个很典型的 AI Coding Agent 的自举过程，很实战，值得细看。

在第一部分中，TRAE 的分享了他们沉淀和推荐的 MCP 和 Skills，一起看看。

MCP Servers Top 10:
1. Context7
2. Puppeteer
3. Sequential Thinking
4. GitHub
5. Figma AI Bridge
6. Playwright
7. Memory
8. Excel
9. File System
10. Chrome DevTools MCP
https://t.co/U6RQY9PEUi

Skills Top 10:
1. frontend-design
2. cache-components
3. fullstack-developer
4. frontend-code-review
5. code-reviewer
6. wepapp-testing
7. pr-creator
8. fix
9. update-docs
10. find-skills
https://t.co/rbNuoyV5yK

手册在线地���：
https://t.co/YFOW2kJPdY

[0xMarioNawfal @RoundtableSpace]

Anthropic dropped a 33 pages cheat sheet for building Claude skills

https://t.co/jEuH95NGn3

[Claude @claudeai]

Our latest Claude Code hackathon is officially a wrap.

500 builders spent a week exploring what they could do with Opus 4.6 and Claude Code.

Meet the winners:

[meng shao @shao__meng]

这 6 条 Claude Code 实用提醒，非常建议加入到 CLAUDE. md 中，来自 @svpino 分享

1. 在编写任何代码前，先描述你的方法并等待批准
2. 如果我给出的需求模糊，请在编写代码前提出澄清问题
3. 完成任何代码编写后，列出边缘案例并建议覆盖它们的测试用例
4. 如果任务需要修改超过 3 个文件，先停止并将其拆分成更小的任务
5. 出现 bug 时，先编写能重现该 bug 的测试，再修复直到测试通过
6. 每次我纠正你时，反思你做错了什么，并制定永不再犯的计划

[Piotr Mińkowski @piotr_minkowski]

I’m looking for a good repository with Claude skills for Java, Spring Boot etc. I found this one: https://t.co/5fumadZvSa. Any other suggestions are highly appreciated.

[AI Will @FinanceYF5]

Anthropic 发布了一份 23 页指南，讲解如何用 Claude Code 做几乎所有事情。

以下是完整拆解：

1/ 增长营销（一个人的团队）

[杨高能 @430Yang]

https://t.co/KF6AhtvhpQ

[meng shao @shao__meng]

[开源推荐] Claude Code Best Practice

作者 @shanraisshan 开源的 Claude Code 工程化使用实战知识库，系统性地展示了如何配置、编排和优化 Claude Code 的各项能力，包括 Skills、Agents、Commands、Hooks、MCP Servers、Memory、Rules、Plugins、Sandbox 等核心机制。基于大量实际使用后提炼出的经验模式和反模式，帮助开发者避免在 Claude Code 的工程化使用中走弯路。

先解读 Claude Code 创建者 Boris Cherny 的 12 条定制技巧：
· 终端配置：主题、通知、vim 模式、自定义状态栏（显示模型、目录、上下文、费用）
·扩展生态：通过 /plugin 安装插件、MCP、Skills，medium=平衡，high=深度）
扩展生态：通过 /plugin 安装插��、MCP、Skills
· 权限管理：通配符语法预批准安全命令 + Sandbox 隔离
· 个性化：自定义快捷键、加载动画、��出风格（Explanatory 适合新项目，Learning 适合学习指导）
· 团队协作：将 settings.json 纳入版本控制，团队共享配置

--- 核心概念 ---

Command → Agent → Skills 架构
· Command 通过 Task 工具调用 Agent，而非直接用 Bash 命令
· Agent 通过 frontmatter 声明所需的 Skills、工具权限和模型
· Sub Agent 之间不能直接互相调用，必须通过 Task(subagent_type=...) 显式编排
· Skill 使用 context: fork 实现隔离执行，避免上下文污染

Memory 三层作用域
· User：个人跨项目知识（推荐默认）
· Project：团队共享的项目知识
· Local：个人的项目特定知识

系统启动时注入 MEMORY. md 的前 200 行到 Agent 系统提示中。当记忆量增长后，Agent 会自动将内容拆分为主题文件进行组织。

Agent Memory 与 CLAUDE. md、/memory 命令���互补而非替代关系：CLAUDE. md 承载项目上下文，Agent Memory 承载特定 Agent 的领域知识。

CLAUDE. md 在 Monorepo 中的加载策略
· Ancestor Loading：从当前目录向上遍历到根目录，立即加载所有沿途的 CLAUDE. md
· Descendant Loading：子目录中的 CLAUDE. md 采用懒加载，仅在会话中实际访问时才加入
· 兄弟隔离：同级目录的 CLAUDE. md 永远不会互相加载

在 /mymonorepo/frontend/ 启动 Claude Code 时，你会立即获得根目录和 frontend 的配置，而 backend 的配置只在你实际操作 backend 文件时才会加载。这避免了"数百 KB 无关指令"占用上下文窗口。

实践建议：根目录放通用编码规范，各子包放各自的框架和架构细节，个人偏好用 CLAUDE.local. md（加入 .gitignore）。

设置优先级体系（高 -> 低）
· 命令行标志（仅当前会话）
· .claude/settings.local.json（个人项目级）
· .claude/settings.json（团队共享项目级）
· ~/.claude/settings.local.json（个人全局）
· ~/.claude/settings.json（全局默认）

RPI 工作流：Research-Plan-Implement
· Research：可行性分析，输出 GO/NO-GO，需求分析师、产品经理参与
· Plan：产品需求 + UX + 技术架构，架构师、UX 设计师参与
· Implement：分阶段执行与验证，高级工程师、代码审查者参与

--- 关键实践经验 ---

1. 上下文管理
· CLAUDE. md 控制在 150 行以内——超过后模型对指令的遵循度会下降
· 在上下文使用量约 50% 时手动执行 /compact——不要等到系统自动压缩
· 子任务的上下文消耗不超过 50%——为后续操作留出空间
· 任务完成后立即 commit——释放上下文，建立检查点

2. Agent 设计原则
· 优先使用 Command 驱动工作流，而非直接创建 Agent
· 为特定功能创建专用子 Agent，而非万能 Agent
· 采用"渐进���技能披露" —— Agent 只声明当前任务所需的 Skills
· 简��任务直接用原生 Claude Code，不要过度工程化——"vanilla Claude Code is better than any workflows with smaller tasks"

3. 调试方法论
· 使用 /doctor 命令诊断环境问题
· 后台运行任务以获得终端日志可见性
· 使用 MCP（Chrome DevTools、Playwright）做真实的浏览器调试
· 报告问题时始终附带截图

4. 推荐的 MCP 配置
· Context7：获取当前版本的库文档，防止 API 幻觉
· Playwright：浏览器自动化、UI 测试
· Claude in Chrome：真实浏览器调试
· DeepWiki：获取开源仓库的结构化文档

5. 权限与安全
· 使用通配符语法预批准常用安全命令（/permissions），而非直接跳过所有权限检查
· 使用 /sandbox 做文件和网络隔离，减少权限弹窗的同时保持安全性
· 敏感文件（.env、凭证文件）不应加入 CLAUDE. md 或被 commit

高级 API 特性参考（依赖 Sonnet 4.6 和 Opus 4.6）
· Programmatic Tool Calling：减少约 37% token 消耗
· Dynamic Filtering：减少约 24% 输入 token
· Tool Search Tool：减少约 85% 工具定义 token
· Tool Use Examples：准确率从 72% 提升至 90%

开源地址：
https://t.co/FRjLfndw4g

[kabikabi @jakevin7]

程序员就没几个是健康的，所以我最近做了一些点。
1. 升降桌自动化，买了可以接入米家的升降桌，坐了45分钟之后，自动站立15分钟。（千万不能久坐，很容易降低睾酮和得前列腺炎。）
2. 买了分体式键盘 + 键盘托！现在写代码胸腔可以完美展开，配合人体工学椅，完全放松颈椎和胸腔。但是目前这个还没有解决缺少抬头的这个点。暂时先多打羽毛球抬头。
2. 补充复合维生素
3. 额外隔一天单独，补充维D，K2, Zn, Se ,甘氨酸镁(比氧化镁或柠檬酸镁更容易被身体吸收和利用，不易导致腹泻) 补充叶黄素，护眼
4. 抗阻运动(健身)，尤其注意练背，程序员全都前束紧张
5. 买了小米洗牙器2，这个太重要了！用了之后牙齿好了很多，避免牙周炎。
6. 设置了每天定时喝水的提醒
7. 定期洗鼻，帮我减弱鼻炎。
8. 每天注意补充足量的��白质。
9. 每天��缝纫机（椭圆仪

这也是好东西
https://t.co/5E6o0pD5hb

[Jason Zhu @GoSailGlobal]

中文圈AI/OpenClaw领域的活跃博主/玩家（涉及Agent、Skill、部署、视频生成、安全、Crypto等方向）

1️⃣ 必追 7 人（核心推荐梯队，最值得关注的顶级博主）
1. @lxfater（铁锤人）
介绍：中推历史第一人，部署教程浏览量达1000万。被誉为中文圈Claude/OpenClaw部署的“教科书级”人物。

2. @zhixianio（知县）
介绍：Agent训练师系列 + ClawPal GUI工具作者。专注实战教学和图形化界面工具开发。

3. @servasyy_ai（龙虾4兄弟之一）
介绍：多Agent实战最硬核选手。龙虾系列核心成员，分享大量高阶多智能体实战案例。

4. @zstmfhy（AI奶爸）
介绍：Seedance视频生成集成大��。专注于视频生成模型的集成与应用。

5. @AxtonLiu（教主）
介绍：Skill开发 + 安全深测专家。Claw技能开发和安全测试领域的权威。

6. @bitfish（神鱼）
介绍：Crypto大佬的安全三层架构。把加密货币领域的安全思维带入OpenClaw架构设计。

7. @wshuyi（王树义）
介绍：学者型分析，订阅政策研究。偏学术/政策视角，分析深度极高。

2️⃣ 活跃玩家 7 人（高活跃度、实战型玩家）
• @ohxiyu
• @edwordkaru（手机部署）——专注手机端部署方案
• @YuLin807（上班族早出晚归让龙虾干活）——典型“上班族玩家”，用Claw自动化工作流
• @eternityspring
• @NRhb11（PicoClaw双机）——PicoClaw双机部署玩家
• @aronhouyu（17%恶意skill警告）——曾因恶意Skill被警告17%的实战玩家
• @geekshellio

这些账号日常分享部署技巧、项目进展、Bug解决，活跃度很高，是“干货输出机”。

3️⃣ 讨论观点 11 人（观点型/分析型玩家，适合看思路和争议）
• @AlllenDkde59
• @GoSailGlobal ←（这就是您本人！）
• @top2loser
• @sunxx2094
• @Leslieyu0（用博弈论分析爆款）——用博弈论拆解爆款项目的分析高手
• @pingfanbufan
• @lesliedqbb
• @drq_ai
• @karry_viber
• @xiaohaige_tim

[耳朵 @RookieRicardoR]

https://t.co/FAQEjECYmX