雨夜漫画横向视觉图

React / Next.js / TypeScript / Web3 / Browser Extension

HY前端开发工程师

10 年前端经验,长期参与 Web3、浏览器插件、钱包交互、Telegram Mini App 与高交互展示站开发;正在把 AI coding 融入个人项目从需求拆解、开发、修正到部署的完整流程。

雨夜漫画四格视觉图

Profile

长期做复杂前端,也在用 AI coding 扩展交付半径

熟悉 React、TypeScript、Next.js/Vite、Tailwind CSS 与 Vue 技术栈,具备从业务拆解、技术选型、前端架构到上线维护的完整项目经验,并能用 AI coding 提升原型搭建、工程化脚本、内容生产和线上问题修正效率。

React / Next.js / TypeScript
AI coding 端到端交付
Web3 钱包与合约交互
Plasmo 浏览器插件
Telegram Mini App

AI Coding

把 AI 当成工程协作者,而不是空洞关键词

个人新博客从搭建到上线,大量环节由 AI coding 辅助完成;我负责需求判断、代码审查、取舍和最终交付质量。

博客

线上 Next.js 博客

自动化

发布/迁移/图片脚本

HTTPS

Nginx + Docker 部署

Skill

博客写作落库流程

新博客端到端搭建

从 Next.js App Router、MongoDB/Mongoose、Markdown 渲染、登录态、文章 CRUD 到图片上传,AI 辅助完成骨架生成、边界拆分和交互修正。

部署与运维脚本

沉淀 Docker Compose、Nginx 反代、Let's Encrypt HTTPS、SSH/rsync 发布脚本,覆盖环境同步、镜像构建、容器启动和证书续期记录。

内容生产 Skill

围绕博客发布流程定制 AI 写作与落库 workflow,把 Markdown 文章、slug、标签、数据库同步和线上校验变成可复用流程。

体验与性能迭代

持续用 AI 做页面结构、滚动加载、摘要清洗、代码高亮、移动端细节和线上反馈修正,让个人项目从能跑推进到可长期维护。

Skills

技术栈分组

目前接触的技术栈, AI技能扩展中。

Frontend

ReactNext.jsVueTypeScriptJavaScriptTailwind CSSAnt Design

AI Coding

Codex 协作需求拆解代码审查脚本生成自动化发布博客 Skill

Build

ViteWebpackGulpESLint模块化构建PC/移动端独立打包

Web3

MetaMaskWalletConnectUnisat 调研合约交互多链切换钱包适配

Extension

PlasmoChrome ExtensionContent Script本地缓存加密存储

Backend / Ops

Node.jsKoa2MongoDBNginxPM2Linux 基础

Projects

精选项目

精选项目,技术职责、难点和业务结果。

KMS-Wallet 内部多签钱包

2024.10 - 2024.12

基于 Plasmo 的浏览器插件钱包,用于公司内部多签钥匙管理。

PlasmoReactTypeScriptTailwind CSSChrome Extension
  • - 主导插件钱包系统开发
  • - 实现私钥生成、本地加密存储、登录校验与延迟锁定
  • - 调研 Unisat 钱包业务原理并落地到内部场景

Drago 官网与浏览器插件

2023.11 - 2024.01

钱包资产检索与分析平台,插件侧支持页面内资产查询与危险地址感知。

ViteReactTypeScriptPlasmoAnt Design
  • - 重构 Vite 打包架构,支持 PC 与移动端独立打包
  • - 用 Plasmo 解决内容脚本插入与热更新效率问题
  • - 处理 Ant Design 在 content 页面中的样式兼容

Alias 官网与 Telegram Mini App

2024.05 - 2024.07

AI + 区块链项目展示官网与 Telegram 小程序,用于用户引导和任务体系。

ReactTypeScriptTailwind CSSGSAPTelegram Mini App
  • - 负责官网视觉展示与动效实现
  • - 解决 Telegram 小程序滑动兼容与实时开发调试问题
  • - 按期完成官网与小程序开发部署

Chemix LaunchPad

2021.08 - 2023.05

面向首次代币发行的 LaunchPad 平台,支持多链资产申购与拍卖业务。

VueWeb3MetaMaskWalletConnectTailwind CSS
  • - 独立负责前端整体开发与维护
  • - 处理钱包适配、合约调用、多链切换与线上问题
  • - 协调设计、后端和智能合约开发推进业务上线

AI Coding 个人新博客

2026.06 - 长期维护

AI coding 辅助完成的新一代个人博客,覆盖博客前后台、旧内容迁移、线上部署和内容发布 workflow。

Next.jsTypeScriptMongoDBDockerNginxAI Coding
  • - 用 AI 协作完成需求拆解、Next.js App Router 页面/API、MongoDB 模型、Markdown 渲染、图片上传和权限控制
  • - 沉淀 Docker Compose、Nginx HTTPS、SSH/rsync 部署脚本与部署文档,支持 blog.akkc38.cn 持续更新
  • - 定制博客写作与落库 Skill,将 Markdown 文章、slug、标签和数据库同步流程标准化

Links

站点入口

目前上线的网站,后续网站扩展中

Live

Alias 旧官网案例

曾经负责的 AI + 区块链展示官网,展示动画、视觉和移动端适配能力。

打开链接
Live

个人技术博客

技术笔记与项目复盘,包含 React、浏览器插件、Web3、安全、工程化等内容。

打开链接
Live

旧个人博客

旧版博客入口仍然保留,方便查看历史文章、旧内容和迁移前记录。

打开链接