---
url: https://sugarat.top/weekly/2026-04-11.md
description: >-
  ① 杀死那个写代码的人 ② 插件离线安装包获取 ③ Harness Engineering是什么？ ④ SSGOI - Native 过度效果 ⑤
  boneyard-js - 自动骨架屏 ⑥ gitlogue - 动画展示 Git 提交历史 ⑦ gh-space-shooter - 贡献图转为射击小游戏
  ⑧ Tunelo - 穿透工具 ⑨ 图解演示 CC 工作流程 ⑩ Open Agent SDK
---

# 视野修炼第129期 | 上一次古法编程是什么时候

*恢复更新(#^.^#)*

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

\[\[toc]]

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

## 🔥强烈推荐

### [1. 杀死那个写代码的人](https://windliang.wang/2026/03/31/%E6%9D%80%E6%AD%BB%E9%82%A3%E4%B8%AA%E5%86%99%E4%BB%A3%E7%A0%81%E7%9A%84%E4%BA%BA/)

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

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

* “昨天”：古法写代码过程中，有自己的思考，有debug过程，有发现并解决后的乐趣。
* “今天”：
  * chat 为主，`帮我实现/解决 xxxx`，过去可能手写几个小时的工作量， AI 几十秒就能实现，我们只需要验收符不符合预期。
  * 起初还会 Review 一下，到后来 AI 生成的又多又快，只要功能没问题，代码就直接往上推。
* ”明天“：全链路用 AI 重新塑造，写代码已经是最简单的事了，需要的是新的需求，新的点子，系统要变得 AI 友好。

### [2. 插件离线安装包获取](https://lixian.online/)

这个很不错，现在不用 VS Code，但用 Trae 和 Cursor 时总有些插件由于源的问题，无法搜索到，通过这个可以下载离线包自己导入。

![](https://cdn.upyun.sugarat.top/mdImg/sugar/264a8da129ee84f6727a79af3f93fe8b)

比如我比较喜欢的代码渐变色插件 bread-jam。

*当然还支持 Chrome 扩展和 Docker 镜像的离线安装包的获取*

### [3. Harness Engineering是什么？](https://www.bilibili.com/video/BV1dpQTB3EXg/?vd_source=fe8b40f5868c1457a3fdf38560e2a727)

*[@小白debug](https://space.bilibili.com/302188068)视频☕️*，**主要方便理解概念，不包含实操。**

循序渐进的从 Prompt Engineering 讲到 Harness Engineering。

![](https://cdn.upyun.sugarat.top/mdImg/sugar/63bc55124761664da75b86024b027960)

> 只要不属于大模型部分，大多数属于 Harness Engineering。

存量程序员：像工程化开发代码一样，编写“工程化的提示词”。

## 🔧开源工具&技术资讯

### [4. SSGOI](https://ssgoi.dev/zh) - Native 过度效果

在网页上实现 APP 原生开发的过度效果。

![](https://cdn.upyun.sugarat.top/mdImg/sugar/796df1cccbf0b4cec10810f5aeb1d602)

挺惊艳的，实现 APP 原生开发的过度效果，让基于 Webview 的APP 更像 Native APP。

### [5. boneyard-js](https://github.com/0xGF/boneyard) - 自动骨架屏

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

![](https://cdn.upyun.sugarat.top/mdImg/sugar/306b61776e9af8d01bfa5ce95cc66874)

```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](https://github.com/unhappychoice/gitlogue) - 动画展示 Git 提交历史

动画展示 Git 提交历史，编码的过程可以回放出来。

![](https://cdn.upyun.sugarat.top/mdImg/sugar/ae9d4930451b5f3cc8210902113f7028)

### [7. gh-space-shooter](https://github.com/czl9707/gh-space-shooter) - 贡献图转为射击小游戏

![](https://cdn.upyun.sugarat.top/mdImg/sugar/df550cb648804017992d4aad17c1b625)

### [8. Tunelo](https://github.com/jiweiyuan/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 工作流程](https://ccunpacked.dev/#agent-loop)

根绝泄露的 CC 源码生成。

![](https://cdn.upyun.sugarat.top/mdImg/sugar/22b691f826f3195f0ed86a401f4d1dc9)

### [10. Open Agent SDK](https://github.com/codeany-ai/open-agent-sdk-typescript)

> 基于 Claude Code 源码实现的 claude-agent-sdk 的开源替代品，用于 AI Agent 的开发，完全兼容原始接口，不依赖本地 cli 进程。

有很完整的示例代码，方便开发个人的 Agent。

![](https://cdn.upyun.sugarat.top/mdImg/sugar/e072732a9c944bf3f46884a0a2cdb436)

## ⭐️强力推荐关注

> 周刊部分内容来源如下渠道，推荐大家关注。

* [阮一峰: 科技爱好者周刊](https://www.ruanyifeng.com/blog/archives.html) - 记录每周值得分享的科技内容，周五发布
* [前端 RSS](https://fed.chanceyu.com/) - 根据 RSS 订阅源抓取最新前端技术文章
* [frontendfoc](https://frontendfoc.us/issues) - 🚀 Frontend **Focus**
* [JavaScript Weekly](https://javascriptweekly.com/issues) - A newsletter of JavaScript articles, news and cool projects
* [nodejs Weekly](https://nodeweekly.com/issues) - A free, once–weekly e-mail round-up of Node.js news and articles.