GitHub一周热点第109期

视频

本期视频链接

GitHub 一周热点第109期（2026/3/28 - 2026/4/3），本期内容包括被开源的Claude Code、纯JS的文本测量与排版引擎、Claude Code从入门到精通的视觉化指南、谷歌最新开源模型和浏览器端3D建筑编辑器。 最后还有2份资料分享。 如果觉得内容不错，别忘了点赞关注支持一下。

1. claude code

• 项目名称：claude code — 被开源的claudecode
• GitHub：https://github.com/anthropics/claude-code

这个仓库是claude code，当然我要说的是它但又不是它。这一周AI圈发生了一个超级大新闻，claude code开源了，因为一个低级的npm配置错误，结果在claudecode的公开包里除了常规的文件外，竟然包含了一个容量高达59.8 MB的cli.js.map文件。有了这个Source Map文件，就可以将压缩混淆后的代码映射回原始源代码，所以说世界就是一个巨大草台班子，AI巨头也不过如此。你工作的时候有没有犯过类似的错误呢，反正我以前也干过把公司key提到github的事。 于是乎github一下子出现无数的claude code仓库，比如最知名的这个，奇怪就是它不仅star光速增加，而且fork比star还多。当然anthropic也是快速出手，通过DMCA版权投诉，直接封杀了所有分享源码的链接。因害怕被起诉，泄露者Sigrid Jin（instructkr）在极短时间内完成了一次罕见的「换壳手术」，将整个庞大的TypeScript代码全量改写为Python。然后又用Rust重构了一遍。当然到目前，换过壳的项目也已经不见了，最终还是没有逃过anthropic的大手。 当然，如果你如果想要淘一份源码，其实难度不高。网上也有了很多的对源码的解读，其实说实话，对普通用户来说，解读不解读没什么用，我只是想使用而已。但是对于国内的众多厂家而言，这可能是一次产品升级迭代的重要契机，是时候该去遥遥领先了。

2. Pretext

• 项目名称：Pretext — 纯JS的多行文本测量与排版引擎
• GitHub：https://github.com/chenglou/pretext

• ⭐ 31,487 stars

  🌿 1,613 forks

Pretext是本周 GitHub 上又一个火热的项目，它是做什么呢？它是一个纯TS库，用于多行文本测量与布局。 听起来感觉似乎没什么特别的，但它解决的是困扰了前端圈很久的问题，在传统 Web 开发中，如果需要知道一段文本的高度或行数，唯一可靠的方式是：把它渲染到 DOM 中，再读取尺寸。这通常依赖 getBoundingClientRect 或 offsetHeight 等 API。 但问题在于，这类操作会触发浏览器的 layout reflow（重排）。而重排是浏览器中最昂贵的操作之一——它会让整个页面的布局重新计算，尤其在大量组件同时测量文本时，性能成本会急剧放大。 Pretext 的做法是绕开 DOM，用浏览器自带的字体引擎（Canvas 的 measureText）做一次性的文本分析，然后把结果缓存起来。之后无论你怎么调宽度、换布局，layout() 阶段都只是纯数学运算，benchmark 上大概是 0.09ms 处理 500 条文本，比 DOM 测量快 300-600 倍。 可以看到很多官方的给出的示例效果。不过要注意，这东西目前还比较底层，适合对文本渲染性能有极致要求的场景。如果你只是做普通页面，现有的 CSS 方案完全够用。

3. Claude How To

• 项目名称：Claude How To — Claude Code 从入门到精通的视觉化指南
• GitHub：https://github.com/luongnv89/claude-howto

Claude How To是一份直观、示例驱动的 Claude 代码指南。 对于很多初级用户，听说 Claude Code 很厉害就安装，但是跑了几条 prompt，就没有什么然后了，这可能是很多人的真实状态。 很多时候很难发挥出Claude Code 的强大功能，比如commands、hooks、memory、subagents、MCP servers、skills、plugins，这些官方文档虽然有说明，但没告诉你”怎么组合起来干活”。Claude How To 就是为了解决这个问题而生的。从输入 claude 到编排智能体、钩子、技能和 MCP 服务器——通过可视化教程、开箱即用 Mermaid 图表 + 10 个模块 + 可复制的配置模板通过引导式学习路径快速上手。 整个学习路径分三个阶段：入门（slash commands + memory，约 2.5 小时）→ 进阶（skills + hooks + MCP，约 4 小时）→ 高级（subagents + plugins + advanced，约 5 小时）。每个模块都有内置的自测，你可以在 Claude Code 里直接运行 /self-assessment 来找到自己的薄弱环节。 我觉得这个项目最大的价值在于它的实用性。每个模块最后都给了可以直接 cp 到项目里的配置文件，其实从项目的热度也能看出来，大家对于这种既教怎么使用也教为什么的项目很受欢迎。

4. Gemma4

• 项目名称：Gemma4 — 谷歌最新开源模型
• GitHub：https://huggingface.co/blog/gemma4

• ⭐ 17,435 stars

  🌿 1,408 forks

就在我本来已经选完本周项目的时候，谷歌突然发布了 Gemma 4，谷歌自称“这是其迄今为止最智能的开放模型系列”，当然了每一次开源模型发布似乎都会这么说。该系列面向复杂推理与智能体工作流设计，采用商业许可的 Apache 2.0 许可证开源。 Gemma 4 提供四种规格：Effective 2B（E2B）、Effective 4B（E4B）、26B 混合专家模型（MoE）和 31B 稠密模型（Dense）。 这一次Gemma4 发布里最让人关注的部分还是针对端侧的模型，E2B 和 E4B 模型针对移动和物联网设备优化，推理时分别激活约 20 亿和 40 亿参数，以降低内存和电量消耗。谷歌还详细列出了使用各种大小的 Gemma 4 模型版本运行推理所需的大致 GPU 或 TPU 内存。 [图片] Gemma4相对上一代，推理能力更强、上下文窗口更大、编码与智能体能力增强、多模态能力进一步扩展。整体上这一次谷歌还是在尽量的压榨小模型规模的性能，31B Dense 版本目前在行业标准榜单的开源模型中排名第三。 目前Gemma 4 开箱支持 英伟达、AMD GPU以及 Google Cloud TPU。所以我这个Mac党要稍微等等社区更新MLX的版本。

5. Pascal Editor

• 项目名称：Pascal Editor — 浏览器里的 3D 建筑编辑器
• GitHub：https://github.com/pascalorg/editor
• 在线体验：https://editor.pascal.app

• ⭐ 9,127 stars

  🌿 1,176 forks

你有没有想过，在浏览器里就能画建筑模型？ Pascal Editor 就是一个开源的 3D 建筑编辑器，基于 React Three Fiber 和 WebGPU 构建，完全运行在浏览器里，不需要安装任何软件。你可以画墙体、楼层、屋顶、门窗，还能给空间分区，做室内布局。 它的整体技术架构把核心逻辑（@pascal-app/core）、3D 渲染（@pascal-app/viewer）和编辑器 UI（apps/editor）分成了三个包。状态管理用 Zustand，支持 IndexedDB 持久化和 50 步 undo/redo。渲染管线上用了一个 Scene Registry 来管理节点到 Three.js 对象的映射，避免了遍历整个场景图的开销。 实际用起来的话，它的目标用户更像是建筑师和室内设计师的”快速原型工具”，而不是替代 AutoCAD 或 SketchUp。但在浏览器里就能实现这个级别的 3D 编辑，确实是 WebGPU 时代的一个标志性项目。 对 Mac 友好，对钱包更友好——完全免费，MIT 协议。UI 做得也挺舒服的，感兴趣的朋友可以直接打开在线版试试效果。

---

one more thing 最后还是分享2个资料。 第一份是《AI医学影像行业发展现状与未来趋势蓝皮书》，是沙利文和一个什么组委会联合出的，我一直觉得AI在医学方面的潜力是非常巨大的，而且也是我非常期待的，毕竟生命是无价的，同时中国医疗影像的发展还很欠缺，所以非常值得去关注。 第二份是《OpenClaw（龙虾）全维度安全实战指南》，那openclaw有安全隐患这似乎已经成为了现在大家的一个共识，因为官媒都已经强调过，但是很多也很难一下说出来具体什么隐患，所以不如看看专业点的内容，来了解下安全的问题。 有需要的可以告诉我，以上就是本周的全部内容，那我们下次再见。

109期分享内容： 我用夸克网盘给你分享了「一周热点109期」，链接：https://pan.quark.cn/s/2b3982ac3613