SELECTED WORK / 2026

把想法,做成作品。Turning ideas into work.

从艺术与技术的交汇处出发。上面是获奖作品和黑客松现场;中间是工作室里其余的原创,能打开的已经挂上公网地址;再往下,是我写给自己和开发者的开源工具。Starting where art and technology meet. Above are award-winning works and hackathon pieces; in the middle, the rest of the studio's original work, with live links wherever it is public; below that, the open-source tools I build for myself and other developers.

主推产品 / 公网可打开Featured product / Live on the web

Z-one

面向欧美市场的「网页高光时刻」素材库:背景、动态文字、Logo 动画、3D 与交互效果在线调参,复制源码,也可经 MCP 交给 Claude、Cursor、Codex 直接取用。A signature-moments library for sites built with AI: backgrounds, kinetic type, logo and 3D effects you tune live, copy as React or plain JavaScript, or hand to Claude, Cursor and Codex over MCP.

看 Z-one 介绍与演示See Z-one and the demo

02 / STUDIO

工作室目录Studio index

从 building 和 Project 里收出来的原创。商业产品的复刻、内部标注台和会碰到私人数据的工具没有放上来。Original work gathered from building and Project. Replicas of commercial products, internal annotation consoles, and tools that touch private data are left off this list.

  1. 01瓷花搭配Porcelain Petals

    从空花瓶开始逐枝搭瓷花,再放进三维场景里摆放、调色和保存。Start with an empty vase, arrange porcelain flowers stem by stem, then place, recolor, and save the scene in 3D.

    三维互动 · 公网可打开3D interactive · Live on the web
  2. 02Paper IssuePaper Issue

    把纸本海报的语法铺成一间阅读室:高比例的纸、大量留白,和一种很响的颜色。Spreads the grammar of a printed poster into a reading room: tall paper, generous whitespace, and one very loud color.

    互动刊物 · 公网可打开Interactive publication · Live on the web
  3. 03Soft SyntaxSoft Syntax

    在浏览器里把照片转成字符画,收藏,再叠回自己的照片。图片不会离开这台设备。Turn a photo into character art in the browser, save it, then layer it back onto your own photos. Images never leave the device.

    浏览器工具 · 公网可打开Browser tool · Live on the web
  4. 04EverglowEverglow

    搭一棵琉璃圣诞树,挂上会随重力摆动的挂件,放进纽约、苏州园林、日本庭园或巴黎的窗边,拍一张照片带走。Build a glass Christmas tree, hang ornaments that swing with gravity, set it by a window in New York, a Suzhou garden, a Japanese garden, or Paris, and take a photo with you.

    三维互动 · 公网可打开3D interactive · Live on the web
  5. 05Clay & KilnClay & Kiln

    把一块泥拉成花瓶:塑形、上釉、烧制,再陈列和导出。Throw a lump of clay into a vase: shape, glaze, fire, then display and export it.

    三维互动 · 公网可打开3D interactive · Live on the web
  6. 06Cloudwake 云醒Cloudwake

    在云海和浮岛之间滑翔,用风把岛上的植物、鸟和颜色唤醒。Glide between a sea of clouds and floating islands, using wind to wake the plants, birds, and colors on each island.

    三维互动 · 公网可打开3D interactive · Live on the web
  7. 07ClimaLabClimaLab

    在地球上看此刻正在发生的极端天气,再查任意一座城市到 2030、2050、2080 年代的高温、降雨、干旱和海岸风险。Watch extreme weather happening right now on a globe, then check heat, rainfall, drought, and coastal risk for any city through the 2030s, 2050s, and 2080s.

    三维互动 · 公网可打开3D interactive · Live on the web
  8. 08GESTO98GESTO98

    对着摄像头做表情或手势,弹出对应的梗图,并带着计时挑战。Make a face or a gesture at the camera, get the matching meme, and take on a timed challenge.

    镜头互动 · 公网可打开Camera interaction · Live on the web
  9. 09Pocket ApocalypsePocket Apocalypse

    点一座彩色体素小城,用十一种灾害拆掉再重建,并分享一张结果卡。Tap through a colorful little voxel city, tear it down and rebuild it with eleven disasters, and share a result card.

    游戏 · 公网可打开Game · Live on the web
  10. 10池核空间Poolrooms

    第一人称走在没有任务、界面和背景音乐的泳池里,只听见脚步、水和呼吸。Walk first-person through pools with no quests, interface, or soundtrack, hearing only footsteps, water, and breathing.

    三维互动 · 公网可打开3D interactive · Live on the web
  11. 11TypewriterTypewriter

    一台浏览器里的复古打字机。滑架、墨迹和机械声都跟着每次按键走,纸张可以导出。A vintage typewriter in the browser. The carriage, the ink, and the mechanical sound follow every keystroke, and the page can be exported.

    互动装置 · 公网可打开Interactive installation · Live on the web
  12. 12Terminal IssueTerminal Issue

    上传一张照片或一行主题,生成一张 1980 年代 CRT 计算机界面插画。Upload a photo or type a one-line theme to generate an illustration of a 1980s CRT computer interface.

    图像工具 · 公网可打开Image tool · Live on the web

03 / OPEN SOURCE & TOOLS

开源工程与开源工具Open-source engineering and open-source tools

把本地复杂流程封装成可以运行、检查和复现的工具。每个案例写清楚它解决的问题、我的角色和仍然存在的限制。Packaging complex local workflows into tools that can run, be inspected, and reproduced. Each case documents the problem it solves, my role, and the limits that remain.

全部 09 个项目案例All 09 project cases ↗
  1. 01Z-one

    面向欧美市场的「网页高光时刻」素材库:背景、动态文字、Logo 动画、3D 与交互效果在线调参,复制源码,也可经 MCP 交给 Claude、Cursor、Codex 直接取用。A signature-moments library for sites built with AI: backgrounds, kinetic type, logo and 3D effects you tune live, copy as React or plain JavaScript, or hand to Claude, Cursor and Codex over MCP.

    TypeScript · 公网可打开TypeScript · Live on the web
  2. 02opendev

    把一句需求推进到可验收交付的本地 AI 开发控制台。A local AI development console that carries a single requirement through to an accepted delivery.

    JavaScript · 持续开发JavaScript · Active development
  3. 03Mini Terraria

    无需安装即可游玩的单文件 HTML5 沙盒游戏,包含采集、建造、合成、战斗和昼夜循环。A single-file HTML5 sandbox game you can play without installing anything, with mining, building, crafting, combat and a day-night cycle.

    JavaScript · 在线可玩JavaScript · Playable online
  4. 04Neon Drift

    可直接在浏览器游玩的 3D 霓虹飞行射击游戏,支持键鼠与移动端触控。A 3D neon flight shooter playable directly in the browser, with keyboard, mouse and touch controls.

    JavaScript · 在线可玩JavaScript · Playable online
  5. 05claude-orbit

    为 Claude Code 项目按需装配 MCP、Skills 与 Plugins 的桌面工具。A desktop tool that assembles MCP servers, Skills and Plugins into Claude Code projects on demand.

    TypeScript · 可用工具TypeScript · Available tool
  6. 06cctop

    对账 Claude Code 本地 token 用量与中转站实际扣费的命令行电表。A command-line meter that reconciles Claude Code token usage against what a relay provider actually charges.

    Python · 可用工具Python · Available tool
  7. 07opensec

    面向项目、目标、漏洞和报告工作流的 AI 驱动渗透测试平台。An AI-driven penetration testing platform covering projects, targets, findings and reporting.

    TypeScript · 公开原型TypeScript · Public prototype
  8. 08fledge

    帮助初学者把 AI 生成的脆弱 Demo 打磨成可维护产品的工程教练。An engineering coach that helps beginners turn fragile AI-generated demos into maintainable products.

    JavaScript · MVP 原型JavaScript · MVP prototype
  9. 09wps-mcp-server

    通过 WPS COM 接口让 MCP 客户端操作文档、PDF 与表格。Lets MCP clients work with documents, PDFs and spreadsheets through the WPS COM interface.

    Python · 可用工具Python · Available tool
正在形成共振…Finding resonance…

04 / CAPABILITY GRAPH

这些作品背后,
是一张技术网络。
Behind these works
sits a network of skills.

模型训练、Agent、AI 落地、3D 设计与网络安全,在图谱里看一项技术怎样同时支撑几个方向。Model training, agents, AI deployment, 3D design, and network security: see in the graph how one technology supports several directions at once.

进入能力图谱Enter the capability graph