最新资讯
stackoverflow.blog 欢迎来到芯片时代:半导体制造、AI 数据中心与芯片设计的未来 www.youtube.com AI Agent 总犯同样的错:CentralAgent AI 将记忆重构为经验系统 pub.towardsai.net Netflix 科学家建议重采样 LLM 评判:5 次仅将误差棒缩小 13% pub.towardsai.net Jev 作为 LLM 前的静默层:构建提示感知的模型路由器 reddit.com OpenAI 称 Astra 仅满足 10% 安全任务标准 dev.to FreeToken:在自有 GPU 上运行前沿 MoE 模型及其内存需求 dev.to 当 AI Agent 说“完成”时,究竟完成了什么? dev.to 部署 Underdog Bark 3.0 Pro:逐字转写、自定义后端与分块设置 dev.to 为艰难对话构建 AI:五个 Agent、一条安全正则与一位盲评监督者 techcrunch.com Palo Alto Networks 洽谈以 5 亿美元收购 AI Agent 安全初创公司 Clutch theinformation.com 黄仁勋被要求就涉华间谍指控向国会作简报 www.infoq.com Edera 推出 Object Capability Bounded Authority,试图将凭证与 AI Agent 工作负载隔离
多元动态
登录 注册
AI编码 mp.weixin.qq.com · @浮之静

lencx 见闻汇总:Claude 封号观点、Agent 技术栈与三款开源工具

原文 我的收藏

个人见闻汇总,含三部分:一是对 Claude 封号机制的主观看法,认为环境与 IP 只是部分因素,国内使用缺乏“合法”前提,属个人推测;二是讨论为何许多 Agent 项目用 TypeScript,认为 TS 在类型检查、JS 生态和跨 browser/bash 场景有优势,Rust 适合长期与性能需求;三是开源推荐,包括 yetone 的 AI 编程工具模型管理器与本地 API 网关 Magpie(MIT,支持 Codex、Claude Code、Gemini CLI 等统一配置模型)、Mac 图像编辑器 Compositor(MIT,1.3 起支持 Codex、Claude Code 等代理读写 .comp 工程)、以及 Raycast 开源替代 Tinycast(SwiftUI/AppKit,宣称内存占用低于 100 MB)。

AI推荐理由 这是一篇个人见闻汇总,包含对 Claude 封号机制的主观判断(无证据,属个人观点)、对 Agent 技术栈选型的经验讨论,以及三个开源项目介绍。其中 Magpie(AI 编程工具模型管理器与本地 API 网关)、Compositor(支持代理读写 .comp 工程的 Mac 图像编辑器)、Tinycast(Raycast 开源替代)提供了较具体的功能描述和许可证信息,对开发工具选型有参考价值;但整体为二手转述,无官方来源或可验证数据,Claude 封号部分为未经证实的个人推测,需保留其不确定性。

62

正文

原创 lencx 2026-10-01 16:51 上海 ![](https://wechat2rss.bestblogs.dev/img-proxy/?k=142316b3&u=https%3A%2F%2Fmmbiz.qpic.cn%2Fmmbiz_jpg%2FoghJwiaPb1Cu7cD5vp4HlbxeqYasy8J2CMAIgRM9L8soYbfnjriaOxFQF4283hFsKce7tPXxQfuqTY3xq48eOIBdlicq3PK5NM9mFn3ZWZaibNU%2F0%3Fwx_fmt%3Djpeg) 不定期汇总分享一些有趣信息... ![](https://wechat2rss.bestblogs.dev/img-proxy/?k=d2bb6e67&u=https%3A%2F%2Fmmbiz.qpic.cn%2Fsz_mmbiz_png%2FoghJwiaPb1CvF2SR6ZsM3V5JUoF4icou1yxWdCBmLXkr5zQiaZDl5o9zIpyecgLl7xaViaw2pNqu2usEU2p4lPOxTKM1BIEfgz4bHPHYZttEf1I%2F640%3Fwx_fmt%3Dpng%26from%3Dappmsg) ## 个人观点 ### Claude 防封技巧 网上经常看到有人分享 Claude Code 防封号技巧,在我看来都是自欺欺人。A\ 封号能获取到的信息可能远比你知道的更多,环境、IP 只是一部分。A\ 要想搞你,日常开发项目,对话上下文,都会暴露出各种信息,除非你把自己从里到外都伪装成一个“合法”使用者,有点像骗术最高境界:自己都相信了... 封号规则肯定是靠程序来自动化的,多因素条件不断触发叠加才导致最终封号。 所以“合法”使用是大前提,但在中国最大的问题是“大前提”没有了,后续技巧都变成了“屎上雕花”,只能祈祷屎山别塌,这是玄学的开始... ### Agent 技术栈 问题:为何很多项目使用 typescript 写 agent? 在我看来:ts 的优势是类型检查和 js 生态,agent 行动基本都会跨 browser,bash 等,node.js 可以在系统层发力,js 则在浏览器层,技术栈很统一。rust 也可以走编译 wasm 路子,但总归是有些限制,写起来不如 js 爽。快速搭建选 ts 最爽,考虑长期和性能 rust 就是首选,tauri 也有了施展空间,直接把网页变应用。 ### 死去的记忆 看到下面这些 logo,不知你还记得多少,我还记得当年在 Windows 上安装 Sass 真是噩梦(ruby sass → dart sass → node sass)... ![](https://wechat2rss.bestblogs.dev/img-proxy/?k=1e7bf772&u=https%3A%2F%2Fmmbiz.qpic.cn%2Fsz_mmbiz_png%2FoghJwiaPb1Cv4QSn5tqd1jfmBHdA0qe8eQuL5w4YI8ibenu9Yn7vv20m3kGjKGEbBice5ep5PNRu4RVNHhF9SurmEDWHJkHboLY1Uc4Atia7dTQ%2F640%3Fwx_fmt%3Dpng%26from%3Dappmsg) ## 开源推荐 ### Magpie Magpie[1] 是 yetone 开源的 AI 编程工具模型管理器与本地 API 网关,支持 macOS、Windows 和 Linux,可通过菜单栏、桌面界面或终端,统一为 Codex、Claude Code、Gemini CLI、OpenCode 等工具配置模型,例如让 Codex 使用 DeepSeek、Claude Code 使用 Kimi。内置网关兼容 OpenAI Chat Completions、Responses、Anthropic Messages 和 Gemini API,按需转换协议,支持流式响应与工具调用,可接入云端 API、Ollama 等本地模型服务,并复用支持的订阅登录;其中 Claude 订阅需要通过本机已安装并登录的 Claude Code 调用。它还提供配置快照、多模型路由与故障切换、用量统计和费用估算,修改配置时保留原有格式与注释,方便集中管理多个 AI 工具的模型和服务商。项目采用 MIT 许可证。 ![](https://wechat2rss.bestblogs.dev/img-proxy/?k=7e10ed8b&u=https%3A%2F%2Fmmbiz.qpic.cn%2Fmmbiz_png%2FoghJwiaPb1CssqdaYYadfyjfIdoQSuWjan5ib0xXO0cNQsiagd0k54pZLhCBngteeOSf0T4IxwichNRsicicjtpQTKRsC5BDxASibL5T8ggLUVqTnE%2F640%3Fwx_fmt%3Dpng%26from%3Dappmsg) ### Compositor Compositor[2] 是一款免费开源 Mac 图像编辑器,定位为侧重图像合成与后期处理的 Photoshop 替代品,支持图层与蒙版、调整图层、GPU 渲染的图层特效、非破坏性变换、内容识别填充及 RAW 显影,并提供可自定义的 Photoshop 风格快捷键,也支持导入 PSD/PSB 文件,目前限 8 位 RGB。AI 协作方面,项目已提供面向代理与脚本的工程读写文档(writing-comp-files.md[3])。从 1.3 版本起,Codex、Claude Code 等能够读写本地文件的代理,可直接创建和修改由 manifest.json 与 PNG 图层、蒙版组成的 .comp 工程,控制图层布局、变换和混合效果;应用会自动重载外部修改并更新画布,用户随后仍可在普通可编辑图层上继续精修。这让“代理编排、应用预览、人工调整”成为已有明确文档支持的工作流。项目采用 MIT 许可证,目前要求搭载 Apple silicon、运行 macOS 26.0 或更高版本的 Mac。 ![](https://wechat2rss.bestblogs.dev/img-proxy/?k=a66ed033&u=https%3A%2F%2Fmmbiz.qpic.cn%2Fsz_mmbiz_gif%2FoghJwiaPb1CsNSx3q2ZibMCVSOQ16BNoY2MbrkBqw4tNOnBsEFibu4vHdLRZuG0jrUjuTGJBS2j7F8F1iaiawOlUG1ibLprkRK2xlWCtbd53Qa5MM%2F640%3Fwx_fmt%3Dgif%26from%3Dappmsg) ### Tinycast Tinycast[4] 是 Raycast 的开源替代品,专为 macOS 打造。核心亮点是轻量与原生体验:采用 SwiftUI 和 AppKit 构建,零第三方依赖、无遥测,项目宣称内存占用低于 100 MB,一个快捷键就能调用应用启动、文件搜索、剪贴板历史、窗口管理等常用功能。同时,它支持运行 Raycast 扩展并以原生界面渲染,还能导入 Raycast 配置,方便迁移已有工作流;AI 功能则默认关闭,按需启用。 ![](https://wechat2rss.bestblogs.dev/img-proxy/?k=1610cfea&u=https%3A%2F%2Fmmbiz.qpic.cn%2Fmmbiz_png%2FoghJwiaPb1CsicQUVP86ibJW9BI36xxQCaXnY3DNqSwMgPtS0NSH8rCxpkqgYJyTTaySVKYQZ3OzEmfJXuhoXhnXFQfCcPLAnDfLwfbmlkoEmE%2F640%3Fwx_fmt%3Dpng%26from%3Dappmsg) ### gh-aw gh-aw[5](GitHub Agentic Workflows) 是 GitHub 开源的 AI 仓库自动化项目,让 AI 代理通过 GitHub Actions 处理 Issue 分类、PR 审查、CI 失败排查、文档维护和仓库报告等任务,为现有 CI/CD 补充理解上下文与推理判断的能力。开发者在 Markdown 正文中描述任务目标,在 YAML 文件头中配置触发条件、权限、工具和 AI 引擎,再通过 gh aw compile 生成标准 Actions 工作流;工作流运行时,由所选 AI 引擎理解指令并调用工具完成任务。目前内置支持 GitHub Copilot、Claude Code、OpenAI Codex、Google Gemini 和 Pi,默认使用 Copilot。为控制自动化操作的影响范围,代理默认在沙盒中运行,并使用只读 GitHub 权限;发表评论、创建 Issue 或 PR 等已配置的写入请求,通常通过 safe-outputs 机制校验,再由具有指定权限的独立任务执行,将 AI 的任务处理与对仓库的实际写入分开管理。 ### Flet Flet[6] 是一款开源的 Python 跨平台应用框架,核心亮点是用 Python 编写界面和业务逻辑,底层由 Flutter 渲染界面,一套代码覆盖 Web、Windows、macOS、Linux、iOS 和 Android,无需先学习 JavaScript 或 Dart。1.0 版本进一步优化了界面更新和应用启动性能,支持让界面随状态自动更新的声明式开发,并完善跨平台打包与自动化测试;同时为 NumPy、pandas 等库提供移动端预编译包,方便复用 Python 生态。配合支持 AI 辅助开发的 Flet Studio 和官方 MCP 服务,Python 开发者可以更方便地将脚本、数据工具和业务逻辑做成可交互、可分发的完整应用。 ![](https://wechat2rss.bestblogs.dev/img-proxy/?k=7fdc7031&u=https%3A%2F%2Fmmbiz.qpic.cn%2Fsz_mmbiz_png%2FoghJwiaPb1CtYpvRmA8iboXWAmFfjfRfHGU8icMicGNcVSQ8AVvvGicp6JDjOUOHnQJ6SVkpA9hsQoCsLjSQYcfbOktlqWr93WOqLQ6A3QfTNLg8%2F640%3Fwx_fmt%3Dpng%26from%3Dappmsg) 补充:最近 iPhone Duo 的交互演示很吸引人,从翻书、到折各种叠展开动效,都在探索屏幕形态变化带来的新玩法。想到 Flet 底层用的是 Flutter,也特地查了下它目前对折叠屏的支持。目前,Flutter 已在 Android 上通过 MediaQuery.displayFeatures[7] 提供折叠区域和姿态信息,iOS 端尚未通过这一接口返回相应数据。社区的 foldable[8] 插件则针对 iPhone Duo 补上了相关能力,可以读取实时铰链角度、折叠姿态和屏幕区域信息,让 Flutter 开发者能够根据设备姿态调整布局,并用折叠角度驱动交互动效。 ![](https://wechat2rss.bestblogs.dev/img-proxy/?k=05ff9d43&u=https%3A%2F%2Fmmbiz.qpic.cn%2Fmmbiz_gif%2FoghJwiaPb1CsmfhWSIDibw6wkibqiaPwDRjTW50aekVWKYFzYgNDicJQcabTsNobGiapLPCVspiceTJ55NIaLu4U7swyC2hyFHuyiboLdyESZnIEK4g%2F640%3Fwx_fmt%3Dgif%26from%3Dappmsg) ## 技术资讯 ### Shopify 拥抱原生 Shopify 在 2020 年转向 React Native,主要是为了减少 iOS、Android 的重复开发,让开发者跨端协作,并保持两端功能一致。到 2025 年初,团队仍肯定这一路线;但随着 AI 编程 Agent 能够参照已有实现迁移功能、执行测试和辅助审查,维护 Swift 与 Kotlin 两套代码的成本开始下降。原生开发直接利用平台能力、官方工具和减少中间依赖的优势,因此重新进入决策中心。这是 Shopify 根据自身条件作出的重新取舍,双平台维护成本依然存在。相关阅读:Native is now the future of mobile at Shopify[9] 2026 年,Shop 率先验证了这条路线:团队先用一周完成原型验证,再由六名核心工程师推进、功能团队中途加入,从概念验证到原生应用上架共用了 **12 周**。迁移采用 SwiftUI 和 Jetpack Compose,通过 Pi 扩展组织工作,并用 Tardis 提供运行状态、日志、截图和埋点对照,确保登录、推送及业务行为连续。团队报告,iOS、Android 冷启动时间分别缩短约 **23% 和 50%**,无崩溃会话比例从 **99.5%+ 提升到 99.95%+**;原生工程经验仍是架构和质量判断的重要基础。相关阅读:Migrating Shop app from React Native to native[10] 9 月 10 日,Shopify 公布整体回归原生的计划;9 月 21 日,又详细介绍了用于迁移拥有 300 多个界面的 Shopify 主应用的内部工具 **Helix**。它把工作拆成小检查点,依次通过无需模拟器的 CLI 行为测试、由 GPT 采集截图并交给 Gemini 的视觉审查、两个独立 Agent 的代码审查,以及工程师确认。失败的检查必须修复并重跑,反馈会被记住,用于后续步骤。工程师可以授权自主运行,但自动化质量检查仍会保留,每一步都留下提交和验证证据。相关阅读:Helix: The internal tool powering our Shopify app's native migration[11] 按 9 月公布的安排,Shop 已完成迁移,Shopify 主应用计划在 2026 年内上线,其他应用随后推进,相关开源项目也会调整:React Native Skia[12] 获 Shopify 赞助至年底,之后由 William Candillon fork 并更名继续维护;FlashList[13] 继续处理重大兼容性问题,同时寻找长期维护方;Restyle[14] 则在年底结束维护。后续成效将以交付速度、应用质量和 Agent 能独立完成的工作量衡量。 📌 思考 Shopify 回归原生,背后是**跨平台复杂性的重新分配**:过去通过共享实现减少双端差异,现在把更多一致性保障交给测试、视觉比对和审查系统。AI 降低了维护多份实现的成本,而团队为此建设了一套更完整的开发与验证基础设施。评估这次转向,需要把这两笔账放在一起。 这意味着,代码越容易生成,**准确表达产品行为、保留架构知识并持续验证结果的能力,就越重要**。已有产品和工程经验可以成为 Agent 重建软件的依据,也决定它能够可靠地独立完成多少工作。对具体团队而言,技术路线的价值最终取决于:这套验证能力能否覆盖不断变化的需求,其建设与维护成本能否被长期交付收益消化。Shopify 展示了这条路径的可行性,持续演进的表现将决定它的长期价值。 ### WSL Containers 为了让开发者更方便地在 Windows 上运行本地 AI 和云原生工作负载,微软宣布 WSL Containers[15] 正式可用,进一步推动 WSL 从开发环境向更完整的 Linux 工作负载执行平台发展。 ![](https://wechat2rss.bestblogs.dev/img-proxy/?k=4ce6c3cb&u=https%3A%2F%2Fmmbiz.qpic.cn%2Fsz_mmbiz_png%2FoghJwiaPb1CuG5sM1ZrFGU0dtNJiaSh5M0Tlniaz2zZExVz4RzUUzN0rdaicCuXsOpic0sibibBMd9kLIc8r4zicXicraPnbB88DgxfybMm5WHNqPwMc%2F640%3Fwx_fmt%3Dpng%26from%3Dappmsg) 开发者通过 wsl --update 更新后,可以通过 API 在原生 Windows 应用中运行 Linux 容器,集成容器化的本地 AI 等能力,也可以使用 wslc.exe(别名 container.exe)构建、运行和部署 Linux 容器。围绕日常开发流程,正式版完善了容器重启、文件复制、健康检查、实时事件、网络管理、挂载及存储路径配置等能力,VS Code Dev Containers、Aspire 和多款社区工具也已提供集成。 在运行体验上,面向容器工作流的新 consomme 网络模式改善了网络兼容性;微软还称,wslc 中从 Linux 访问 Windows 文件的速度最高可达原来的两倍,这些基础改进也惠及 WSL 发行版及其他基于 WSL 的容器技术。 随着容器能力进入企业开发流程,相应的管理和安全支持也同步扩展:Intune 可控制功能启用和镜像仓库白名单,Microsoft Defender for Endpoint 则通过增强现有 WSL 插件,监测容器中的进程、文件与网络活动,并将其关联到 Windows 主机。接下来,微软将继续改善网络和跨系统文件性能,并重点推进 Compose 支持,目标是不修改现有 compose.yaml 即可运行;这项功能目前仍在开发中。 ### You Said No MCP! Earendil 在 You Said No MCP![16] 中解释了 Pi 为何从公开反对 MCP,转向将此前通过扩展支持的功能纳入核心。除了 MCP 本身的进步,更重要的是,团队看到了 Codemode 改善工具组合能力的价值:代理可以在框架侧的 JavaScript 沙盒中编排调用、处理结果,减少主模型的上下文负担。这套能力也不局限于 MCP,文中通过组合 Linear MCP 与 Jev 分类模型分析 issue 讨论情绪,展示了它对工具与模型协作的帮助。为了支持这种用法,Pi 需要完善工具元数据,明确哪些工具直接供模型调用、哪些延迟加载、哪些仅供 Codemode 使用;这些改进对整个框架都有价值。团队原本可以只完善接口、继续依靠扩展,但最终选择内置,也是希望主动参与 MCP 生态的改进。目前,工具组合仍受服务器实现和框架使用方式的限制,因此作者主张让 MCP 更接近具备智能工具发现能力的 OpenAPI:工具能通过文档和描述被找到,返回的数据也便于程序继续处理,从而更好地服务于 Pi 这样的轻量代理框架。 ### Stack Overflow for Agents 以前写代码卡住,很多人第一反应就是去 Stack Overflow 搜一搜。自己折腾半天的问题,可能早有人遇到过,连怎么排查、哪里容易出错都写好了。评论里还有人补充:“新版本得这样改”。靠陌生人留下的几句话把代码跑通,是不少程序员都有过的经历。 现在 Stack Overflow 开始给 agent 做知识社区了,让人感慨... 按照 Stack Overflow 的说法,agent 也在重复踩坑:花了不少算力和 Token 解决一个问题,经验可能只留在这次对话里,另一个 agent 遇到同样的问题,又得从头折腾。Stack Overflow for Agents[17] 想让它们把这些经验留下来,碰到问题先查查已有的解法,解决后再补上自己的发现。 发出来的办法靠不靠谱,得放到实际任务里试。平台把用户的声望分数与其 agent 发布的帖子关联起来,引导 agent 讲清楚哪些地方还没弄明白。其他 agent 拿去用,再补上验证结果,发现问题就纠正。帖子下面那些“我试过了”、“这个条件下不行”的反馈,在 agent 之间一样重要。 平台原来的内容主要是问题、排错记录和设计方案。新加的 Playbooks[18](操作手册)专门记录可以复用的操作流程,写清楚一件事该怎么做、分几步、适合什么情况。后来的 agent 查到它,就能判断这套办法能不能用在眼前的任务上。 还推出了 ChatGPT 插件[19],省去一些配置上的麻烦。用户可以决定发什么、什么时候介入审核,也可以让 agent 自主发布。工作内容不方便公开,可以设成只读,只查资料。 这套办法究竟能省多少时间和 Token,团队还在验证。一个靠无数程序员分享经验建起来的社区,现在也在尝试让 agent 参与进来。让人怀念的,是那种熟悉的互助:有人花时间把自己踩过的坑写下来,很久以后,帮到了一个毫不相识的人。 ### Deser: Serde 替代品 Rust 的序列化生态长期由 Serde[20] 主导,Armin Ronacher 针对多年使用中遇到的设计局限,重新推进了始于 2022 年的 Deser[21] 项目,如今已达到他认为值得尝试的阶段。Deser 保留了类似 Serde 的使用体验,底层采用受 miniserde 启发的事件驱动架构,将嵌套处理状态放在堆上,避免随嵌套深度增长的递归调用,并支持可暂停的流式反序列化、保留扩展类型与错误位置的无损缓冲、可组合的适配器和解析时数据校验。目前它已支持 JSON、YAML、TOML、XML、CBOR 等多种格式,但明确不支持 Protobuf 等非自描述格式。按照作者的说明,这些设计也带来了更大的二进制体积、内部对 unsafe 的使用,以及因数据和格式而异的性能表现。作者认为取代 Serde 的可能性不大,但希望 Deser 能为愿意接受这些取舍的用户提供另一种选择,也启发更多人探索 Rust 序列化的设计空间。参考阅读:Deser: Rethinking Rust Serialization[22] ### Mintlify 文档应用 Agent 都在抢占桌面入口,现在文档也来凑热闹了!Mintlify 是一个面向开发者和团队的 AI 原生文档平台,凭借开箱即用的精美界面、丰富组件、网页编辑器和 CLI,让产品文档的搭建、部署与维护更简单。 现在,它也推出了桌面应用 Mintlify Desktop[23]。支持多标签页、分屏和多窗口,方便同时处理内部知识库与公开文档,并提供离线编辑、联网同步和会话恢复功能,让文档工作更连贯。目前已开放 macOS、Windows 和 Linux 测试版。 ![](https://wechat2rss.bestblogs.dev/img-proxy/?k=a5a73e01&u=https%3A%2F%2Fmmbiz.qpic.cn%2Fmmbiz_png%2FoghJwiaPb1CudKsyvg9lHicF4bKblWOfFd52icSyUIy1mbno8Vdyh0vfBloXsDC2PwAEl8wAD2ziad9vuIkHgYgXkntCheAf2Orwib6satUv9YgY%2F640%3Fwx_fmt%3Dpng%26from%3Dappmsg) ## Skills 推荐 ### emilkowalski/skills emilkowalski/skills[24]:Emil Kowalski 把在 Vercel、Linear 积累的经验做成了 12 个 AI skills,覆盖 Web 动效、RN / Expo 的手势、弹层与触觉反馈,以及 Swift 6 并发、性能和测试。既能从零写动画,也能审查现有动效、给出改进方案、生成多版交互原型,还提供 UI 库选型、Sonner 使用指南,以及从 WWDC 提炼、适用于 Web 的 Apple 设计原则。连「我想要那个弹一下的效果,但不知道叫什么」,都有 animation-vocabulary 帮你找到准确术语,方便继续指挥 AI。 ### Android Skills Android Skills[25]:是 Android 官方开源的 AI 编程技能库,将官方开发指南整理成 AI 可按需加载的任务流程,重点针对模型表现较弱的 Android 开发场景。它涵盖 XML 转 Jetpack Compose、AGP 9 升级、Navigation 3 接入、边到边显示适配和 R8 压缩规则分析,可用于支持 Agent Skills 标准的编程助手。 ### SwiftUI-Agent-Skill SwiftUI-Agent-Skill[26]:一套开源技能,为 Claude Code、Codex、Cursor 等 AI 编程助手提供 SwiftUI 开发、审查和重构指导。它覆盖 Observable 状态管理与数据流、视图组合、列表与导航、动画及性能优化,并提供 SDK 27 API 迁移、macOS 多窗口和 Liquid Glass 适配指导;参考资料按任务主题加载,减少无关内容占用上下文。项目还附带基于 Xcode xctrace 的 Python 工具链,支持录制与分析 Instruments 性能追踪文件,将主线程采样、卡顿和 SwiftUI 视图更新数据关联起来,输出 JSON 与 Markdown 报告,辅助 AI 依据实际运行数据定位性能问题。 ## CSS 技巧 ### contrast-color contrast-color() 能根据背景色自动选择黑色或白色文字。同一块蓝底,WCAG 2 算出黑字对比度更高,APCA 认为白字更合适。浏览器的选色结果取决于采用的算法,实际是否好读,仍要看显示效果。参考阅读:How to have the browser pick a contrasting color in CSS[27] ``` button { --button-color: #317cff; background-color: var(--button-color); color: contrast-color(var(--button-color)); } ``` ![](https://wechat2rss.bestblogs.dev/img-proxy/?k=ddfde80d&u=https%3A%2F%2Fmmbiz.qpic.cn%2Fmmbiz_png%2FoghJwiaPb1CsThQKsEOJsJN72NsAmOqk5xMW4cA0qgDib0zmDEdxOdmYZMA4sN1ViaGjuy72lciciaHUUuktOJjicw2WaZ0S5dh96WKTR1eQwqMRQ%2F640%3Fwx_fmt%3Dpng%26from%3Dappmsg) ![](https://wechat2rss.bestblogs.dev/img-proxy/?k=785e16dd&u=https%3A%2F%2Fmmbiz.qpic.cn%2Fsz_mmbiz_png%2FoghJwiaPb1CvuD6KNBjybCrTjl1qoZP8Tr3tgwN4aYuSEcI6ggibbe8zX1nCcZv7EIQ2DHicKSeO86r0CAP0Pb6icd50SlO9mtibGJ1hEE0yYkWg%2F640%3Fwx_fmt%3Dpng%26from%3Dappmsg) ### scroll-axis-lock 浏览器常根据滚动手势的起始方向启用“轴锁定”,忽略另一方向的小幅移动,以减少误滚动。CSS 新属性 `scroll-axis-lock` 让开发者控制这一行为:默认值 `auto` 由浏览器决定是否锁轴,设为 `none` 则取消锁定,让双向滚动容器更直接地响应斜向或弧线手势,适合地图、大图查看等二维交互,但也会更明显地反映手势中的细微偏移。目前桌面 Chrome 153 起已支持,Firefox 和 Safari 尚未支持;不支持的浏览器会忽略该声明,保留原有滚动行为,因此可作为渐进增强使用。参考阅读:Unlock Immediate Diagonal Scrolling with CSS scroll-axis-lock: none[28] ![](https://wechat2rss.bestblogs.dev/img-proxy/?k=687d167f&u=https%3A%2F%2Fmmbiz.qpic.cn%2Fsz_mmbiz_gif%2FoghJwiaPb1CtnZ5fNMwPibnH9ibCiaicQ4qrkujee7gyVZFnOIlrzS7VLM9v4icWZYNA6ic1icAHBStqtaJy718gztK25xSOLAmwKrE2giblFjqjn5P8%2F640%3Fwx_fmt%3Dgif%26from%3Dappmsg) 代码示例: ``` .scroller { width: min(100%, 400px); height: 240px; overflow: auto;     scroll-axis-lock: none; /* 改为 auto,可对比默认行为 */ border: 1px solid #ccc; box-sizing: border-box;   } .content { /* 两个方向都超出容器,形成二维滚动区域 */ width: 1000px; height: 800px; background: linear-gradient(#ddd1px, transparent 1px), linear-gradient(90deg, #ddd1px, transparent 1px); background-size: 40px40px;   } 用触控板尝试斜向或弧线滚动 ``` ### 多风格批注 一个 tailwind 风格的批注组件 Annotated Text[29],支持圆圈、荧光笔、下划线、括号和删除线,笔画略微不规则,在进入视野时自行绘制。 ![](https://wechat2rss.bestblogs.dev/img-proxy/?k=0745f6bc&u=https%3A%2F%2Fmmbiz.qpic.cn%2Fmmbiz_gif%2FoghJwiaPb1Csf2dKZcjIFLg9hx5mYUWVBG6UFYWEiaj0QXjYUOW88uiaqiaC8d0mwW96icCAJUSrHM5gdjrmyHuRLDibYicOCucicaXc7ib1lhxvm5Ho%2F640%3Fwx_fmt%3Dgif%26from%3Dappmsg) ### shadcn/lint shadcn/lint[30]:一个面向 Agent 编程的 Tailwind 设计规范检查工具。规则由你来定:组件该怎么用、哪些样式允许修改,都可以明确约束。当 Agent 违反规则时,报错会说明问题所在,并结合项目已有的组件、样式变体和主题配置,给出具体的修复建议,让 Agent 在编写 UI 时有据可查、有错可改。 ![](https://wechat2rss.bestblogs.dev/img-proxy/?k=af603748&u=https%3A%2F%2Fmmbiz.qpic.cn%2Fmmbiz_png%2FoghJwiaPb1CvdDJRkg1JeEEs3ye8M6wahawY2fb9cNQsic9hLibOksVkPJYwwMQHHKmotJnRtmNgMqYzuUpeicNx8LHMFSaBjmXsV4M4ibBcn3t4%2F640%3Fwx_fmt%3Dpng%26from%3Dappmsg) ## 创意项目 给你一些武器,用它来摧毁任意网站。体验拉满,效果炫酷。访问链接:Destroy Any Website - Sprite Fusion[31] ![](https://wechat2rss.bestblogs.dev/img-proxy/?k=08b5f4dc&u=https%3A%2F%2Fmmbiz.qpic.cn%2Fsz_mmbiz_gif%2FoghJwiaPb1Css9rR5ibqwF0dOwIyXdNxJAwQ6EVgdSSHNZxOiaMs3wCrtV9ticfWS7ZO2vpHaZKVsQcLibGLNEaIlkJhQibzUk8NDDpSqbcj6Grbw%2F640%3Fwx_fmt%3Dgif%26from%3Dappmsg) ## 结语 最近还很有很多开源小模型值得关注,这里就不再赘述,大家可以多关注 Hugging Face[32]。「lencx 见闻汇总」是我今天心血来潮开的系列,以后同系列会修改标题括号中的日期编号,周期不确定,内容形式不确定,随心而写... ### References [1] **Magpie:**** [2] **Compositor:**** [3] **writing-comp-files.md:**** [4] **Tinycast:**** [5] **gh-aw:**** [6] **Flet:**** [7] **MediaQuery.displayFeatures:**** [8] **foldable:**** [9] **Native is now the future of mobile at Shopify:**** [10] **Migrating Shop app from React Native to native:**** [11] **Helix: The internal tool powering our Shopify app's native migration:**** [12] **React Native Skia:**** [13] **FlashList:**** [14] **Restyle:**** [15] **WSL Containers:**** [16] **You Said No MCP!:**** [17] **Stack Overflow for Agents:**** [18] **Playbooks:***#guideline-playbook* [19] **ChatGPT 插件:**** [20] **Serde:**** [21] **Deser:**** [22] **Deser: Rethinking Rust Serialization:**** [23] **Mintlify Desktop:**** [24] **emilkowalski/skills:**** [25] **Android Skills:**** [26] **SwiftUI-Agent-Skil

来源报道 · 1 篇 · 以下链接均前往原始媒体

← 返回精选动态 原文

更多内容