恢复更新(#^.^#)
欢迎来到第 129 期的【视野修炼 - 技术周刊】,下面是本期的精选内容简介
🔥强烈推荐
- 杀死那个写代码的人
- 插件离线安装包获取
- Harness Engineering是什么?
🔧开源工具&技术资讯
- SSGOI - Native 过度效果
- boneyard-js - 自动骨架屏
- gitlogue - 动画展示 Git 提交历史
- gh-space-shooter - 贡献图转为射击小游戏
- Tunelo - 穿透工具
🤖AI工具&资讯
- 图解演示 CC 工作流程
- Open Agent SDK
下面开始本期内容的介绍,预计阅读时间 7 分钟。
🔥强烈推荐
1. 杀死那个写代码的人
非常赞同作者的观点👍🏻。
代码正在从「需要理解的对象」,变成「只要结果正确即可接受的黑盒」。
- "昨天":古法写代码过程中,有自己的思考,有debug过程,有发现并解决后的乐趣。
- "今天":
- chat 为主,
帮我实现/解决 xxxx,过去可能手写几个小时的工作量, AI 几十秒就能实现,我们只需要验收符不符合预期。 - 起初还会 Review 一下,到后来 AI 生成的又多又快,只要功能没问题,代码就直接往上推。
- chat 为主,
- "明天":全链路用 AI 重新塑造,写代码已经是最简单的事了,需要的是新的需求,新的点子,系统要变得 AI 友好。
2. 插件离线安装包获取
这个很不错,现在不用 VS Code,但用 Trae 和 Cursor 时总有些插件由于源的问题,无法搜索到,通过这个可以下载离线包自己导入。

比如我比较喜欢的代码渐变色插件 bread-jam。
当然还支持 Chrome 扩展和 Docker 镜像的离线安装包的获取
3. Harness Engineering是什么?
@小白debug视频☕️ ,主要方便理解概念,不包含实操。
循序渐进的从 Prompt Engineering 讲到 Harness Engineering。

只要不属于大模型部分,大多数属于 Harness Engineering。
存量程序员:像工程化开发代码一样,编写"工程化的提示词"。
🔧开源工具&技术资讯
4. SSGOI - Native 过度效果
在网页上实现 APP 原生开发的过度效果。

挺惊艳的,实现 APP 原生开发的过度效果,让基于 Webview 的APP 更像 Native APP。
5. boneyard-js - 自动骨架屏
自动生成骨架屏,使用简单,支持多种类型框架。

vue
<script setup>
import Skeleton from 'boneyard-js/vue'
import './bones/registry'
const loading = ref(true)
</script>
<template>
<Skeleton name="card" :loading="loading">
<Card />
</Skeleton>
</template>
6. gitlogue - 动画展示 Git 提交历史
动画展示 Git 提交历史,编码的过程可以回放出来。

7. gh-space-shooter - 贡献图转为射击小游戏

8. Tunelo - 穿透工具
内网穿透工具,将本地内容暴露给公网 --- ---本地端口、文件、目录。
sh
tunelo port 1420
2026-04-11T12:15:12.936048Z INFO tunelo::tunnel: connected relay=tunelo.net:4433
Tunnel is ready.
Public URL: https://low-insurance-5274.tunelo.net
Forwarding: http://localhost:1420
不过速度有点慢 😋。
🤖AI工具&资讯
9. 图解演示 CC 工作流程
根绝泄露的 CC 源码生成。

10. Open Agent SDK
基于 Claude Code 源码实现的 claude-agent-sdk 的开源替代品,用于 AI Agent 的开发,完全兼容原始接口,不依赖本地 cli 进程。
有很完整的示例代码,方便开发个人的 Agent。

⭐️强力推荐关注
周刊部分内容来源如下渠道,推荐大家关注。
- 阮一峰: 科技爱好者周刊 - 记录每周值得分享的科技内容,周五发布
- 前端 RSS - 根据 RSS 订阅源抓取最新前端技术文章
- frontendfoc - 🚀 Frontend Focus
- JavaScript Weekly - A newsletter of JavaScript articles, news and cool projects
- nodejs Weekly - A free, once--weekly e-mail round-up of Node.js news and articles.