恢复更新(#^.^#)

欢迎来到第 129 期的【视野修炼 - 技术周刊】，下面是本期的精选内容简介

下面开始本期内容的介绍ღ( ´･ᴗ･` )比心。

🔥强烈推荐 ​

1. 杀死那个写代码的人 ​

非常赞同作者的观点👍🏻。

代码正在从「需要理解的对象」，变成「只要结果正确即可接受的黑盒」。

• “昨天”：古法写代码过程中，有自己的思考，有debug过程，有发现并解决后的乐趣。
• “今天”：
  • chat 为主，帮我实现/解决 xxxx，过去可能手写几个小时的工作量， AI 几十秒就能实现，我们只需要验收符不符合预期。
  • 起初还会 Review 一下，到后来 AI 生成的又多又快，只要功能没问题，代码就直接往上推。
• ”明天“：全链路用 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 - 自动骨架屏 ​

自动生成骨架屏，使用简单，支持多种类型框架。

<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 - 穿透工具 ​

内网穿透工具，将本地内容暴露给公网 — —本地端口、文件、目录。

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.