Published on

2026-第二十五周

Authors

该周报主要为各个地方内容的汇总整理

技术

您的网站准备好迎接 AI 代理了吗?

该工具可扫描网站,评估其对 AI 代理的兼容性,涵盖可发现性、内容可访问性、协议发现和商业支持等多个新兴标准。

  • 🔍 可发现性检查:验证 robots.txt、Sitemap、链接响应头及 DNS for AI Discovery (DNS-AID) 等标准。
  • 📄 内容可访问性:检查是否支持 Markdown 内容协商,确保 AI 代理能解析网站内容。
  • 🤖 机器人访问控制:评估 robots.txt 中的 AI 机器人规则、内容信号及 Web 机器人认证。
  • 🔗 协议发现:检测 MCP 服务器卡、Agent Skills、WebMCP、API 目录、OAuth 发现及保护资源。
  • 🛒 商业支持:检查 x402、MPP、UCP、ACP 等商业标准,支持代理化交易。
  • 🚀 快速提升分数:发布有效的 robots.txt(含 AI 规则和站点地图)并优化主页发现元数据。
  • 📚 学习资源:参考 Cloudflare Agents 文档,构建和部署能浏览、交互及交易的 AI 代理。

field-sizing CSS 属性 - CSS | MDN

field-sizing CSS 属性允许表单控件根据内容自动调整尺寸,覆盖默认固定大小行为,适用于文本输入框、文本域、文件输入和选择框等元素,并可与最小/最大尺寸属性配合使用。

  • 📏 核心功能:通过 field-sizing: content 让表单控件(如 <input><textarea>)根据内容自动收缩或扩展尺寸,替代默认的固定大小。
  • 🎯 适用元素:影响文本输入类型(email、password、text 等)、文件输入、文本域和选择框(<select>),其中选择框会根据类型(下拉或列表框)动态调整宽度或显示全部选项。
  • ⚙️ 属性值content 使元素自适应内容;fixed 为固定大小(默认值)。
  • 🔗 与其他属性交互:避免同时设置固定 width/height,但可结合 min-width/max-width 控制范围;maxlength 属性可限制输入框最大尺寸。
  • 📝 文本域行为:宽度受限时自动增加高度;rows/cols 属性在 field-sizing: content 下无效。
  • 📋 选择框效果:下拉菜单始终匹配当前选项宽度;多选列表框显示所有选项无需滚动;size 属性仅用于判断下拉或列表模式。
  • 🖥️ 浏览器支持:此功能非 Baseline,部分浏览器尚未完全实现,需查看兼容性表。
  • 📚 实际示例:通过 HTML/CSS 展示文本字段和选择框在 field-sizing: content 下的动态尺寸变化,包括占位符、最大长度限制等场景。

</> htmx ~ 代码更廉价

AI 使代码生成更便宜,但理解代码的成本上升,复杂性仍是核心挑战,需要培养“减法工程师”思维。

  • 🤖 代码成本下降:AI 能快速生成大量质量尚可的代码,这是无法否认的现实。
  • 🧠 理解成本上升:生成代码缺乏内在理解,阅读他人代码比编写更困难,尤其当 AI 产出速度远超人类理解能力时。
  • ⚠️ 编译器 vs LLM 误区:编译器确定性、保留源码、输出领域受限;而 LLM 非确定、不保留源码、输出泛化,两者不可类比。
  • 🎬 魔法学徒陷阱:AI 像失控的扫帚,快速生成代码可能引发复杂度失控,唯有“巫师”(理解代码者)能掌控局面。
  • 📈 复杂性仍是天敌:人类难以感知指数级增长,LLM 无惧复杂性却可能加速系统崩溃,需警惕代码膨胀。
  • 🛠️ 减法工程师:核心是“说不”——严格审查 AI 输出、移除冗余代码、简化系统层级,像雕塑家而非建造者。
  • 🏗️ 系统设计仍需建设:在组件组合层面保留“建造者”思维,但减法心态同样有用:消除不必要的系统边界和交互。
  • 🌟 核心矛盾:代码变便宜,复杂性仍是顶级掠食者,需在 AI 时代保留编程艺术。

npm v12 即将到来的破坏性变更 - GitHub 更新日志

npm v12 将于 2026 年 7 月发布,引入安全相关的默认变更,影响npm install命令。当前 npm 11.16.0+ 版本可预览警告。

  • 🔒 allowScripts默认关闭:npm install不再自动执行依赖中的preinstallinstallpostinstall脚本(包括原生node-gyp构建),需通过npm approve-scripts显式允许信任的包,并提交更新后的package.json
  • 🌐 --allow-git默认nonenpm install不再解析 Git 依赖(直接或间接),防止通过.npmrc覆盖 Git 可执行文件的安全风险。
  • 📦 --allow-remote默认nonenpm install不再解析远程 URL 依赖(如 https tarball),需显式允许。
  • 🛠️ 准备步骤:升级到 npm 11.16.0+,运行正常安装并查看警告;使用npm approve-scripts --allow-scripts-pending识别脚本包,批准信任的包,提交更新。未批准的脚本将在升级后停止运行。

不必要的异步的隐忧 - 马特·史密斯

文章讨论了 JavaScript 中不必要的async关键字如何悄然增加代码复杂性,强调async应仅用于真正的异步边界,而非未来的假设需求。

  • 📉 async改变函数契约:即使没有awaitasync函数也会返回 Promise,迫使所有调用者变为异步,导致复杂性向外传播。
  • 🔍 函数签名失去信息价值:当所有函数都标记为async时,签名无法区分真正的 I/O 操作与同步数据,增加代码理解难度。
  • 🚫 “未来可能需要”的陷阱:为假设的未来异步需求提前添加async,会让当前代码付出不必要的认知成本,如测试和调用链的异步化。
  • 🧠 认知开销大于性能影响:现代 JS 引擎处理 Promise 高效,但async会破坏同步控制流,增加调试和阅读的心理负担。
  • 🏗️ 异步边界是架构决策:在流式 SSR、React Server Components 等现代前端系统中,async影响渲染、组合和错误处理,应谨慎对待。
  • 保持 API 诚实:函数应反映当前行为,而非未来可能。同步函数保持同步,直到真正的异步需求出现再引入async

工具

tracesage

tracesage 是一个专为 LangChain 和 LangGraph 多智能体系统设计的零基础设施、生产级可观测性工具。只需两行代码集成,即可在本地浏览器中实时查看智能体执行轨迹。

  • 🚀 极简集成:仅需两行代码(pip install tracesage[langchain] + 在 ainvoke 中添加一个回调),即可捕获所有 LangChain 回调事件(链启动/结束、工具调用、LLM 调用、检索、错误等),无需 Docker、Postgres 或任何外部服务。
  • 📊 实时交互式 UI:自动生成 SVG 拓扑图(无框架依赖)和事件时间线,支持悬停、点击、回放执行过程,并内置深色/浅色主题和键盘快捷键。
  • 🔒 生产级安全:处理器永不抛出异常,不会导致管道崩溃;提供 Bearer Token 认证、路径遍历防护、每运行事件上限(熔断器)、内存状态限界以及环境变量开关(TRACESAGE_ENABLED=false 完全禁用)。
  • 🔗 MCP 感知:自动识别并归因来自 MCP 服务器的工具,在拓扑图中显示 mcp:server 节点和服务器来源标签,区分服务器工具与硬编码工具。
  • 🛠️ OpenTelemetry 导出:可选将所有追踪数据导出为 OTel 跨度(span),桥接到 Tempo、Jaeger、Datadog、Honeycomb 等生产级可观测性后端,且与本地 SQLite 存储并行运行。
  • 🗄️ 本地持久化:使用 SQLite + gzip 压缩存储所有追踪数据,数据默认保存到 ~/.tracesage 目录,支持后续通过 CLI 重新打开查看。
  • 🧪 开发者工具链:提供丰富的 CLI 命令(tracesage show 终端树形渲染、tracesage watch 实时尾随、tracesage diff 运行对比、tracesage view 直接打开导出文件)以及 pytest 测试夹具(tracesage_capture)用于自动化测试。
  • 📚 30 个实践案例:涵盖客户支持、RAG、多智能体、MCP、推理循环、金融/法律/保险等领域的 30 个前后对比示例,每个都提供 before.pyafter.py 清晰展示集成差异。
  • 性能表现:Linux x86 + NVMe 磁盘上可维持 800–1200 事件/秒(p99 写入延迟 80–150 ms,零丢包);Windows NTFS 上为 60–100 事件/秒(可调整批处理参数优化)。

gitagent

Gitagent 是一个以 Git 仓库为核心的 AI 智能体框架,将智能体的身份、规则、记忆、工具和技能全部版本控制化,实现“智能体即仓库”的范式。支持一键安装、多模型集成、CLI/SDK 使用、插件系统、生命周期钩子、合规审计、OpenTelemetry 遥测等功能,适用于从开发调试到生产部署的全场景。

  • 🏠 智能体即仓库:所有配置(agent.yaml、SOUL.md、RULES.md、memory/、tools/、skills/、hooks/)均以 Git 版本控制文件形式存在,可分支、Fork、Diff、查看历史日志
  • 一键安装:通过 bash <(curl -fsSL ...) 完成全局安装、API 密钥配置和语音 UI 启动,支持 Slim 模式(约 85 kB)和完整模式(含语音)
  • 🚀 快速启动:一行命令运行智能体 gitagent --dir ~/my-project "解释项目并改进",自动创建配置文件并进入交互模式
  • 🌐 本地仓库模式:克隆 GitHub 仓库后运行智能体,自动提交到会话分支,支持断点续传 --session 参数
  • 🧩 SDK 集成:通过 query() 函数实现程序化调用,支持流式消息类型(delta、assistant、tool_use、tool_result、system),自定义工具使用 tool() 函数
  • 🔧 声明式工具:在 tools/*.yaml 中定义工具名称、描述、输入模式和实现脚本,内置 cli/read/write/memory 工具
  • 🎣 生命周期钩子:支持 preToolUseonError 等钩子,可阻塞、修改参数或记录日志,脚本钩子通过 stdin/stdout 交互
  • 💡 技能模块:在 skills/<name>/ 目录中定义可组合的技能,包含 SKILL.md 指令和脚本,通过 /skill:code-review 调用
  • 🔌 插件系统:通过 plugin.yaml 声明工具、技能、提示、钩子和记忆层,支持本地/全局/安装插件发现,提供程序化 API(registerTool、registerHook、addPrompt)
  • 🧬 继承与组合:支持 extends 继承基础智能体,dependencies 引入共享工具,子智能体自动委派
  • 📋 合规与审计:内置风险等级、人工介入、数据分类、监管框架配置,审计日志写入 .gitagent/audit.jsonl
  • 📊 OpenTelemetry 遥测:自动检测环境变量启用,发射 HTTP 客户端跨度、gen_ai.chat 跨度(含 token 用量和成本)、gitagent.tool.execute 跨度,导出指标到 OTLP 端点
  • 🐛 调试工具:设置 OTEL_TRACES_EXPORTER=console 将跨度输出到控制台,或使用 Jaeger Docker 容器可视化追踪
  • 🧪 开发贡献:MIT 开源许可,提供 CONTRIBUTING.md 指南,支持 GitHub Issues 求助

quien

quien 是一款功能强大的域名和 IP 情报工具,提供交互式终端界面,集成了 WHOIS、DNS、邮件配置、SSL/TLS、HTTP 头、SEO 分析和技术栈检测等多种功能。支持多种安装方式,可输出 JSON 格式数据,并具备自动重试和智能主题切换等特性。

  • 🔍 RDAP 优先查询 - 支持 RDAP 查询并自动回退到 WHOIS,覆盖广泛 TLD 域名,通过 IANA 自动发现 WHOIS 服务器
  • 🌐 IP 深度分析 - 支持 IP 查询包含反向 DNS、网络信息、滥用联系人和 ASN 发现,集成 BGP 回退和 PeeringDB 数据
  • 📧 邮件配置审计 - 全面检查 MX、SPF(含展开树)、DMARC、DKIM 和 BIMI,支持自定义 DKIM 选择器
  • 📈 SEO 分析 - 包含索引性检查、页面元素分析、结构化数据检测和性能提示,支持 CrUX 核心网页指标
  • 🛠️ 技术栈检测 - 识别 WordPress 插件、JS/CSS 框架和外部服务,从 HTML 解析获取
  • 📦 多安装方式 - 支持 Homebrew、APT、Arch Linux、Nix 和 Go 安装,还提供 SSH 试用:ssh quien.sh
  • 🎨 智能主题 - 自动检测终端背景切换亮/暗主题,可在 tmux、SSH 等环境中手动覆盖
  • 🔧 实用功能 - 所有查询支持自动重试和指数退避,可通过环境变量配置默认解析器
  • 📊 JSON 子命令 - 提供quien whoisquien dnsquien seo等独立 JSON 输出子命令,便于脚本集成
  • 灵活使用 - 交互模式、域名/IP 查询、自定义 DKIM 选择器、指定 DNS 解析器,可设置别名替代系统 whois

hippo-memory

Hippo Memory 是一个受人类海马体启发的 AI 代理记忆系统,其核心哲学是“善忘胜过善记”。与传统“保存一切再搜索”的记忆方案不同,Hippo 通过生物机制——默认衰减、使用强化、每次回忆都有出处——让代理从错误中学习,跨工具保留记忆,并随着时间自然遗忘无用信息。

  • 🧠 生物启发设计 — 模拟海马体的三層架構(缓冲区/情景/语义),记忆默认衰减(7 天半衰期),每次检索强化记忆,错误记忆自动获得双倍存续时间。
  • 🔄 跨工具无缝迁移 — 一套 .hippo/ 存储服务于 Claude Code、Cursor、Codex 等多种代理,周一用 Claude 写代码,周二用 Cursor,记忆完美延续。
  • 🚫 杜绝重复错误 — 标记 --tag error 的错误记忆衰减更慢,代理再次遇到相同代码区域时会自动触发教训回忆。
  • 📦 零运行时依赖 — 基于 SQLite,仅需 Node.js 22.5+,npm install -g hippo-memory 一行命令即可安装使用。
  • 🔍 95.6% 检索准确率(LongMemEval R@5)— 使用本地 MiniLM-L6 嵌入模型(零依赖默认)即达到业界领先水平,可选的 voyage-3-large 嵌入器提升至 99.8%。
  • 📡 自动 Git 学习hippo learn --git 自动扫描近期提交历史,从 fix/revert/bug 提交中提取教训,检测迁移/破坏性变更时自动弱化相关旧记忆。
  • 🛌 睡眠整合机制hippo sleep 执行衰减、合并、压缩:将 3 个以上相关情景记忆合并为语义记忆,删除衰减过度的记忆。
  • 🏆 奖励比例衰减 — 基于结果反馈动态调整记忆半衰期:5 次正面结果延长 42%,3 次负面结果加速近 2 倍衰减。
  • 🔐 隐私与合规设计 — 每条记忆携带完整出处(kindscopeownerartifact_ref),支持 GDPR 合规的单 API 调用删除,多租户隔离经过严格负面测试。
  • 🔌 丰富集成生态 — 支持 MCP 服务器、OpenClaw 原生插件、自动代理钩子安装,可从 ChatGPT/Claude/Cursor/Slack 等导入已有记忆。

GitHub - unadlib/localspace:一个将IndexedDB、localStorage及其他存储的API统一为一致API的库

localspace 是一个现代化的存储工具包,兼容 localForage 的 API,同时支持 async/await、TypeScript 和无遗留包袱的设计。它提供统一的存储接口,涵盖 IndexedDB、localStorage、内存和 React Native AsyncStorage 等多种驱动,并包含批量操作、事务、插件系统(TTL、加密、压缩、同步、配额)和实验性写入合并等功能。

  • 🚀 核心特性:支持 async/await、TypeScript 类型安全、零遗留技术债务,兼容 localForage API,无需重写代码即可迁移。
  • 📦 安装与使用:通过 pnpm add localspace 安装,提供 setItemgetItem 等基础 API,支持泛型类型推断。
  • 🧩 插件系统:内置 TTL、加密(AES-GCM)、压缩(LZ-string)、多标签同步(BroadcastChannel)和配额(LRU 淘汰)插件,可自定义策略。
  • 批量操作setItemsgetItems 在 IndexedDB 中通过单事务执行,性能比循环快约 6-7.7 倍。
  • 🔄 事务支持runTransaction 提供原子性操作,适用于 IndexedDB,但 localStorage 等驱动仅顺序执行。
  • 🧪 实验性写入合并:IndexedDB 专属,通过 coalesceWrites 选项合并短时间内的写入,减少事务开销。
  • 📱 React Native 支持:通过 localspace/react-native 导入,集成 AsyncStorage 驱动,支持 Jest 和 Detox 测试。
  • 🔧 配置灵活:支持数据库名称、版本、驱动顺序、持久化级别(relaxed/strict)、批量大小和插件错误策略(lenient/strict)。
  • 📚 文档与许可:提供完整 API 参考、插件文档和迁移指南,采用 MIT 许可证。

prop-for-that:CSS 响应,JS 仅监听

该工具库"prop-for-that"通过自定义属性data-props-for,让 CSS 直接读取各种实时状态,无需 JavaScript 处理。

  • 🚀 快速入门:只需导入一次prop-for-that/auto,在元素上添加data-props-for属性并列出所需属性名即可。
  • 👆 指针追踪pointer-local为元素提供--live-local-pointer-x-ratio等属性,实现鼠标跟随、倾斜效果。
  • 📜 滚动触发visibility提供--const-has-entered(进入后锁定)和--live-visible(实时可见),实现一次性显示动画。
  • 🎚️ 范围滑块range绑定滑块值,多个元素可读取同一--live-value,并通过@container style()查询实现离散状态。
  • 🎨 样式查询@container style()可根据精确值切换整块 CSS 规则,替代var()无法实现的逻辑分支。
  • ✏️ 输入字段field实时提供--live-length等属性,配合minlength/maxlength实现字符计数和状态反馈。
  • 📐 三角函数pointer-local结合 CSS 的atan2()cos()sin(),实现纯 CSS 的眼球追踪效果。
  • 时钟clock每秒更新--live-seconds,配合calc()旋转指针,仅需一个setInterval
  • 🌐 全局状态onlinebatteryfps等全局属性写入:root,CSS 可直接读取网络、电量等环境信息。
  • 滚动速度scroll-velocity提供带惯性的--live-scroll-velocity,实现滚动跟随动画。
  • 📏 元素尺寸size通过 ResizeObserver 提供--live-aspect,无需媒体查询即可判断横竖屏。
  • 🎬 媒体播放media提供--live-progress,配合@property实现平滑的进度环动画。
  • 🔋 省电模式battery结合@container style(),在低电量时自动移除动画和重绘。
  • 🖱️ 拖拽pointer-localsize结合,实现纯 CSS 拖拽,松开后自动回弹。
  • 📋 表单状态form-statefield-state追踪表单交互历史(脏、触摸、更改、提交),驱动进度条和提交按钮。
  • 🖼️ 图片色彩img-color提取图片主色、强调色等 5 种颜色,用于阴影、背景等效果。
  • 🎥 视频色彩video-color实时采样视频主色,实现动态背光效果。
  • 📚 参考列表:提供所有可用属性源(全局/元素)及其对应的--live-*变量名和功能说明。

SkillSpector

SkillSpector 是一款专为 AI Agent 技能(如 Claude Code、Codex CLI 等)设计的安全扫描工具。研究表明,26.1% 的技能存在漏洞,5.2% 可能包含恶意意图。该工具通过两阶段分析检测漏洞和恶意模式,帮助用户判断技能是否安全可安装。

  • 🔍 核心功能:支持多格式输入(Git 仓库、URL、ZIP、目录、单文件),检测 64 种漏洞模式,涵盖 16 个类别,包括提示注入、数据窃取、权限提升、供应链攻击等
  • 两阶段分析:第一阶段为快速静态分析(正则匹配+AST 行为分析 + 实时 CVE 查询),第二阶段为可选的 LLM 语义分析,可将精确度提升至约 87%
  • 📊 风险评估:0-100 分评分系统,结合严重性标签(LOW/MEDIUM/HIGH/CRITICAL)和明确建议(SAFE/CAUTION/DO NOT INSTALL)
  • 🚀 快速安装:支持通过 pip/uv 或 Docker 运行(无需 Python 环境),Docker 镜像基于 Python 3.12 slim
  • 🖥️ 多种输出格式:终端、JSON、Markdown、SARIF,方便集成到 CI/CD 和 IDE 工具中
  • 🔐 实时漏洞查询:SC4 模式通过 OSV.dev API 实时检查依赖的已知 CVE,支持离线回退和 1 小时缓存
  • 🧩 LLM 分析集成:支持 OpenAI、Anthropic、NVIDIA 等多种提供商,也可连接本地 Ollama 等兼容端点
  • 📋 报告样例:包含风险评分、严重性、建议、组件列表、问题详情(含位置、置信度、解释)以及配置信息
  • 🔄 Python API:提供 LangGraph 工作流接口,可直接集成到代码中获取扫描结果
  • 📚 研究背景:基于对 42,447 个技能的大规模研究,发现带有可执行脚本的技能漏洞风险高出 2.12 倍

GitHub - gajus/zod-compiler: 在构建时将 Zod 模式编译为零开销的验证函数。支持 Vite、webpack、esbuild、Rollup 等

zod-compiler 是一个在构建时编译 Zod 架构的工具,可将验证速度提升 2-75 倍,无需更改代码。

  • 性能飞跃:通过构建时编译,将 Zod 架构转换为零开销的验证函数,性能提升 2-75 倍,嵌套对象和数组的增益最大。
  • 🔧 多种使用模式:支持自动模式(零代码更改)、显式 compile() 包裹模式,以及 CLI 命令行模式,适应不同项目需求。
  • 🛠 广泛构建工具支持:兼容 Vite、webpack、esbuild、Rollup、Rolldown、rspack、Bun、Farm 等主流构建工具。
  • 🧩 完整 API 保留:编译后的架构保留原始 Zod 对象的完整 API(如 .parse().safeParse().shapeinstanceof),与 tRPC、Hono、React Hook Form 等库无缝集成。
  • 🚀 双阶段验证架构:生成“快速路径”(零分配的布尔表达式链)和“慢速路径”(错误收集验证),有效输入立即返回,无效输入才触发详细错误。
  • 📦 优化包体积:通过共享运行时模块和结构去重,减少生成的验证器代码体积,同时保持高性能。
  • 🔍 架构诊断工具:提供 npx zod-compiler check 命令,分析架构编译覆盖率、快速路径资格,并给出优化建议。
  • 🧪 全面编译支持:完全编译大多数标准 Zod 类型(字符串、数字、对象、数组、联合等),对包含捕获变量的 transform/refine 等回调则回退到 Zod 运行时。
  • ⚠️ 行为差异注意:默认情况下,编译后的验证器在成功解析时返回输入值本身(而非重建),因此 z.object() 不会剥离未知键;可通过 stripUnknownKeys 选项启用剥离行为。
  • 🏗 架构提升:自动将函数体内定义的 Zod 架构提升到模块作用域,避免每次调用时重复构建,显著提升性能。

Figma Chrome 扩展:把线上网页直接带回 Figma 作为可编辑图层

Figma 官方的 Chrome 扩展正在变成一个很实用的设计生产力工具:它允许你直接从浏览器抓取完整页面或局部元素,并以可编辑图层的形式贴回 Figma,而不是只得到一张截图。对于经常需要参考线上实现、复刻真实界面状态、或从生产环境继续迭代设计的团队,这个工具非常顺手。

  • 🧩 抓取真实页面或局部元素:可以直接从浏览器选取整页或指定元素,不需要接代码仓库,也不需要额外终端或 AI 编码代理参与
  • 🎨 回到 Figma 后仍然可编辑:抓下来的内容会以可编辑图层进入 Figma,而不是静态截图,后续继续调整布局和样式更高效
  • 🏭 直接以生产环境为起点:适合把已经上线的页面、同事刚发布的弹窗或某个真实 UI 状态直接拉进设计稿,减少手工重建
  • 📅 顺手补齐协作链路:扩展还支持把 Figma 或 FigJam 文件快速附加到 Google Calendar 日程里,方便会议前同步设计资源
  • 🧪 能力仍在持续演进:Chrome Web Store 当前显示版本为 1.3.14,最近更新于 2026-06-12;页面抓取能力仍标注为 Beta,且需 Pro 及以上方案

rtk:给 Claude Code、Codex、Gemini 这类 AI 编码工具做命令输出压缩的 CLI 代理

rtk 是一个很贴近 AI 编码工作流的命令行代理工具。它的核心思路不是改模型,而是在命令输出进入上下文之前先做过滤、压缩和结构化处理,尽量把真正重要的信息留下来,把噪声和超长输出挡在外面。对经常跑 git diffrg、测试命令和构建命令的人来说,这类工具很容易直接换来更低的 token 消耗和更稳定的 agent 体验。

  • ✂️ 先压输出,再进上下文:不是事后总结,而是在命令结果喂给 LLM 之前就先过滤和压缩,减少无意义日志、重复内容和超长输出
  • 🤖 面向 AI 编码代理场景:README 里直接给了 Claude CodeCodexGemini CLICursorWindsurf 等初始化方式,明显就是为 agent 编码流设计的
  • 📉 主打节省 token 开销:项目给出的定位很直接,常见开发命令场景下可减少约 60% - 90% 的 token 消耗,尤其适合高频终端交互
  • 足够轻量:单个 Rust 二进制、零额外依赖,支持 100+ 常见命令,官方给出的额外开销在 <10ms 这个量级
  • 🧰 适合接在现有工具链前面:像 lscatrggit statusgit diff、测试命令这类高频操作都能直接受益,不需要重写原有工作方式

更新

Remix 3 测试版预览 | Remix

Remix 3 Beta 预览版发布,这是一个更简化、更贴近 Web 的全栈框架,强调组合性与开发体验。

  • 🚀 Remix 3 Beta 预览版发布,但尚未生产就绪,欢迎测试反馈。
  • 🧩 从“中心栈”转向“全栈”,覆盖路由、渲染、数据、认证、上传等所有环节。
  • 🌐 路由基于 Fetch API,控制器返回响应,中间件管理请求生命周期,表单提交至 URL。
  • 🖼️ 引入“帧”(Frame)概念:服务端渲染的 UI 片段可独立加载、导航和更新。
  • 💻 组件采用过程式风格,状态与异步逻辑清晰,支持可组合的混入行为。
  • 📦 采用“去捆绑化”策略,运行时为真相源,不依赖预分析,对 AI 友好。
  • 🔧 减少依赖,内置核心功能(路由、会话、认证、表单、上传等),开箱即用。
  • 🧪 可通过 npx remix@next new my-remix-app 快速开始,鼓励实验与反馈。

React Router v8 | Remix

  • 🎉 React Router v8 正式发布 - 这是继 v7 之后的又一个"无聊"大版本,团队致力于让升级过程尽可能平稳无痛
  • 📅 年度大版本发布计划 - 从 v8 开始采用每年一次的大版本发布节奏,让版本更新更加可预测和稳定
  • 🔧 v7 回顾 - 引入了框架模式,支持类型安全路由模块 API、智能代码分割、多种渲染策略(SPA/SSR/静态渲染)和数据加载/变更功能
  • 🚀 v8 新增功能 - 包含中间件/上下文支持、分割路由模块、类型安全 href、性能优化、RSC 支持(不稳定)等 40+ 个版本更新
  • ⚠️ 破坏性变更 - 最低支持 Node 22.22+、React 19.2.7+、Vite 7+;采用 ESM-only 模块;移除 react-router-dom;部分 API 弃用
  • 🔄 升级指南 - 更新依赖、采用未来标志、移除弃用 API,然后运行pnpm i react-router@latest即可
  • 🛡️ 生命周期管理 - React Router v6 和 Remix v2 正式进入 EOL 状态,不再接收安全更新;v7 继续接收安全更新
  • 🔮 未来展望 - 计划稳定支持 Server Components 和 Server Actions(目前仍为不稳定状态);坚持"少即是多"的设计理念
  • 💡 Remix 项目新方向 - Remix 将发展为真正的全栈、零依赖 JavaScript Web 框架,而 React Router 继续专注于 React 生态

feat(es/react-compiler): 由 magic-akari 添加 React 编译器 · 拉取请求 #11917 · swc-project/swc · GitHub

SWC 项目合并了 React 编译器的实验性支持,通过 Rust 桥接实现了 SWC 与 React 编译器 AST/作用域的转换。

  • 🚀 新增 swc_ecma_react_compiler 桥接,支持 SWC 与 React 编译器 AST/作用域转换
  • ⚙️ 添加 .swcrc 配置中的 jsc.transform.reactCompiler 选项
  • 📦 引入 JS/WASM 选项类型,并移植了上游 SWC 集成测试
  • 🧩 修复了静态块变量作用域、JSX 内建标签引用和默认导出绑定等关键问题
  • 📈 二进制体积增加约 5MB,可通过优化 Rust 结构体返回而非 JSON 序列化来改善
  • 🔄 使用 oxc-project/forked-react-compiler 进行测试,待官方 Rust crate 发布后替换临时依赖

Babel 8:仅支持 ESM,放弃 ES5 默认,并提供平滑迁移路径 · Babel

Babel 8 正式发布,专注于核心现代化,为未来 8 年做准备,同时提供平滑迁移路径。

  • 🚀 Babel 8 现在仅支持 ESM,不再默认编译为 ES5 和 CommonJS,推动 JavaScript 生态系统向前发展。
  • 📦 所有 Babel 包现在都提供 TypeScript 类型,无需额外安装 @types/babel__* 包。
  • 🔧 默认目标从 ES5 变为基于 Browserslist 的“默认”查询(当前约为 ES2023),并自动适应新浏览器。
  • ⚠️ 弃用 loosespec 选项,建议使用更细粒度的 assumptions 配置。
  • 🧩 将 polyfill 注入功能提取到独立包 babel-plugin-polyfill-corejs3,替代 corejs/useBuiltIns 选项。
  • 📉 尽管下载量激增(从 2018 年 170 万到 2026 年 6.51 亿/周),但捐款持续下降,项目需要社区支持。
  • 🛡️ Babel 7 将停止功能更新,但提供一年安全支持(至 2027 年 6 月)。
  • 💡 核心团队强调,若无德国主权技术机构和 Igalia 的资助,项目难以维持高质量标准。

设计

Figma Chrome 扩展:让 UI 设计从“还原截图”变成“直接接管真实界面”

这类工具真正有意思的地方,不只是“多了一个浏览器扩展”,而是它在改变 UI 设计的起点。以前很多界面迭代是先截图、再临摹、再重搭;现在可以直接把线上页面抓回 Figma,并继续在可编辑图层上推敲。对偏产品迭代、设计走查和快速改版场景来说,这种工作流会比传统重画更贴近真实。

  • 🔄 设计起点从稿子切到真实页面:不是根据记忆或静态截图复刻,而是直接基于线上版本继续设计,信息损耗更低
  • 🪄 更适合做局部 UI 改版:像弹窗、表单、卡片、导航这种局部模块,可以抓回来后快速试不同方案,而不用从零搭骨架
  • 📐 更容易对齐实现结果:因为来源就是浏览器里的真实界面,设计评审时能天然减少“稿子和线上不一致”的问题
  • 适合高频迭代团队:当前端实现速度越来越快、设计稿更容易落后时,这种“从生产环境反向进入设计”的方式会更实用
  • 🤝 连接设计与会议协作:除了页面抓取,它还能把 Figma/FigJam 文件直接挂到日历事件里,补上设计讨论前的资源分发环节

其他

可靠的团队陷阱 - 凯文·戈德史密斯

可靠交付虽能赢得信任,却可能悄然限制职业发展,因为执行与战略影响力是两种不同的“货币”。要突破“可靠团队陷阱”,需有意识地展示判断力、培养下属、主动声明贡献,并为自己所在领域设定方向。

  • 🎯 可靠性的陷阱:出色完成工作会换来更多同类任务,而非更高决策权;你越可靠,越可能被固化在执行角色中,甚至被视为“太重要而无法调动”。
  • 🧠 两种不同的回报:执行可靠赢得的是“执行信任”,而战略影响力来自“方向判断力”的可见性;组织会分别奖励这两者,且往往不重叠。
  • 🚪 运行组织 vs. 领导组织:若你不主动设定方向,你的上司就会代劳;你只是在“运行”组织,而缺乏“领导”所需的战略话语权。
  • 👥 两个案例对比:一位领导者因埋头执行而团队过载、晋升无望;另一位通过主动展示战略思考,赢得了更多自主权和晋升机会。
  • 🔄 四项关键转变
    • 💡 展示思考:在汇报中加入决策逻辑和权衡,而不仅仅是状态更新。
    • 👥 培养梯队:通过授权和指导,为自己腾出战略思考的时间。
    • 📢 声明贡献:主动将团队成果与业务价值关联,避免价值被忽视。
    • 🗺️ 设定方向:对领域未来提出明确观点,让上司重复你的话语。
  • ⚖️ 需要平衡:仅做可见性动作而无能力支撑会耗尽精力;仅培养能力而不展示则无法改变认知;两者缺一不可。
  • 🔍 自我检查信号:职责范围扩大但决策权未增;上司仍为你设定愿景;业绩较弱的同级却更有影响力;持续正面反馈未转化为战略对话。
  • 🛠️ 具体行动起点:在下次一对一会议中用一次决策分析替换一条状态更新;每季度写 2-3 句连接团队工作与业务成果的话;针对一个领域趋势形成未来 6 个月与 2 年的看法。
  • ⚠️ 常见误区:不要用更努力执行来应对被忽视的感觉——这会加深陷阱;输出是让你走到这里的肌肉,但在需要影响力时却是错误的杠杆。
  • 🏆 最终启示:可靠是地板,而非天花板;要获得决策信任,必须让判断力可见,并保护拥有判断力的能力;这需要你主动为之,无人代劳。

如何跨职能和跨部门建立影响力?| 安迪·罗伯茨 – 高管教练 | 领导力培训师 | 引导师

在矩阵组织中,影响力不是靠权威或完美论点建立的,而是通过长期积累的信任、理解他人利益和真诚合作来赢得承诺。

  • 🧠 影响力不是说服或操纵:它是透明地帮助他人理解为何某事重要,并连接其自身关切,而非隐藏意图或利用弱点。
  • 🏗️ 可信度是基础:由能力、正直和善意三要素构成,需通过持续可靠的行为积累,且负面事件破坏信任的速度远快于正面事件建立它。
  • 🎯 先理解对方真正关心什么:不要从自己的议程出发,而是通过提问和倾听,挖掘对方立场背后的利益、压力和关切。
  • 🔧 选择正确的影响策略:理性说服最常见但效果有限;咨询和协作能创造所有权,产生真正承诺;灵感呼吁则连接价值观。
  • 🧩 政治技能不可或缺:包括社会敏锐度、人际影响力、建立网络和真诚表现,帮助读懂组织动态并有效运用其他能力。
  • 🤝 互惠是长期游戏:真诚地分享信息、支持和认可,而非交易式交换,能积累社会资本,使未来请求更易被接受。
  • 🎯 目标是承诺而非服从:服从依赖压力,承诺则源于内化——让他人将倡议与自身价值观连接,从而自愿投入最佳思考和努力。

在工作中无所事事

许多软件工程师应减少工作时间,保持 80% 的利用率,以便抓住高影响力的时机,避免因忙碌而错失关键机会。通过刻意留出空闲时间,工程师能更有效地应对突发任务,并避免被低价值工作或“掠夺者”消耗精力。

  • 🕒 保持 80% 利用率:日常工作中留出 20% 时间远离电脑,避免过度忙碌,以便随时应对高价值、时间敏感的任务。
  • 💡 抓住高影响力机会:性能提升往往来自意外事件(如促成大客户交易、预防事故、加速关键功能),这些任务需要你“有空”且能快速响应。
  • 🚫 避免低优先级任务:不要盲目处理积压工单,这会让你既无法发现机会,也无法让经理主动分配高影响力工作。
  • 🧘 主动“无所事事”:空闲时休息、观察或与他人交流,能降低压力、激发新想法,并在紧急任务中保持冷静。
  • ⚠️ 拒绝“胶水工作”:避免承担组织未明确优先级的任务(如整理文档、修复技术债),否则会消耗精力且无回报。
  • 🛡️ 防范“掠夺者”:对通过非正式渠道请求的额外工作(如帮其他团队拉数据、代写代码)保持警惕,学会延迟回应或拒绝。
  • 🎯 专注高回报时刻:每年仅 2-3 次全力以赴(如高强度加班),其余时间保持轻松,避免因长期高压而犯错。
  • 🔄 避免投资易消失的工作:对频繁变更的设计或缺乏支持的项目,先等待稳定后再行动,避免无效投入。