01 / 产品设计Product & Design公网可打开 Live on the web
面向欧美市场的「网页高光时刻」素材库:背景、动态文字、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.
- 解决问题 Problem
- 用 AI 生成的网站常常「能用但不好看」:动效、排版与 3D 细节需要审美和工程投入,而设计师手搓这些效果的成本很高。 Sites made with AI often work but do not feel designed: motion, type and 3D detail take taste and engineering, and hand-building those effects is expensive.
- 我的职责 Role
- 产品设计 / 后端与架构 / 安全与发布 Product design / backend & architecture / security and release
React 19ViteHonoCloudflare WorkersPostgreSQL
02 / AI工程AI Engineering持续开发 Active development
把一句需求推进到可验收交付的本地 AI 开发控制台。 A local AI development console that carries a single requirement through to an accepted delivery.
- 解决问题 Problem
- AI 编程工具擅长生成代码,但真实交付还需要验收标准、人工审批、测试、安全审查、部署和项目记忆。 AI coding tools are good at generating code, but real delivery also needs acceptance criteria, human approval, tests, security review, deployment and project memory.
- 我的职责 Role
- 产品设计 / 系统架构 / 全栈实现 Product design / system architecture / full-stack implementation
Node.jsJavaScriptClaude CodeMCPLocal-first
03 / 浏览器游戏Browser Game在线可玩 Playable online
无需安装即可游玩的单文件 HTML5 沙盒游戏,包含采集、建造、合成、战斗和昼夜循环。 A single-file HTML5 sandbox game you can play without installing anything, with mining, building, crafting, combat and a day-night cycle.
- 解决问题 Problem
- 在不依赖框架、构建工具和外部素材的条件下,做出能直接在浏览器运行并具有持续探索感的沙盒游戏。 Build a sandbox game that runs directly in the browser and keeps a sense of exploration, with no framework, build tooling or external assets.
- 我的职责 Role
- 游戏设计 / 系统实现 / 交互开发 Game design / systems / interaction development
HTML5 CanvasJavaScriptWeb AudioLocalStorage
04 / Three.jsThree.js在线可玩 Playable online
可直接在浏览器游玩的 3D 霓虹飞行射击游戏,支持键鼠与移动端触控。 A 3D neon flight shooter playable directly in the browser, with keyboard, mouse and touch controls.
- 解决问题 Problem
- 在浏览器中实现长时间稳定运行、视觉反馈密集且无需下载素材的 3D 街机体验。 Deliver a 3D arcade experience in the browser that runs stably for long sessions, gives dense visual feedback and downloads no external assets.
- 我的职责 Role
- 游戏设计 / 3D 图形 / 音频与性能实现 Game design / 3D graphics / audio and performance
Three.jsWebGLWeb AudioShaderMaterialObject Pooling
05 / 开发工具Developer Tool可用工具 Available tool
为 Claude Code 项目按需装配 MCP、Skills 与 Plugins 的桌面工具。 A desktop tool that assembles MCP servers, Skills and Plugins into Claude Code projects on demand.
- 解决问题 Problem
- Claude Code 能力默认容易全局注入,项目之间难以做到最小化、可视化和安全隔离。 Claude Code capabilities tend to leak in globally by default, making minimal, visible and safely isolated per-project setups hard.
- 我的职责 Role
- 桌面应用设计 / 配置安全实现 Desktop app design / safe config handling
ElectronTypeScriptReactAtomic I/O
06 / 可观测性Observability可用工具 Available tool
对账 Claude Code 本地 token 用量与中转站实际扣费的命令行电表。 A command-line meter that reconciles Claude Code token usage against what a relay provider actually charges.
- 解决问题 Problem
- 使用模型中转服务时,本地 token 消耗与服务商扣费之间缺少可核对的统一账本。 With a model relay service, there is no single ledger to check local token consumption against the provider’s actual billing.
- 我的职责 Role
- CLI / 计量模型 / 本地可观测性 CLI / metering model / local observability
PythonSQLiteFastAPICLImacOS
07 / AI安全AI Security公开原型 Public prototype
面向项目、目标、漏洞和报告工作流的 AI 驱动渗透测试平台。 An AI-driven penetration testing platform covering projects, targets, findings and reporting.
- 解决问题 Problem
- 渗透测试过程分散在扫描器、笔记和报告之间,AI 分析也缺少可管理的项目上下文。 Penetration testing work is scattered across scanners, notes and reports, and AI analysis lacks a manageable project context.
- 我的职责 Role
- 安全产品设计 / CLI 与平台实现 Security product design / CLI and platform implementation
TypeScriptNode.jsSQLitePrismaCommander.js
08 / 产品工程Product EngineeringMVP 原型 MVP prototype
帮助初学者把 AI 生成的脆弱 Demo 打磨成可维护产品的工程教练。 An engineering coach that helps beginners turn fragile AI-generated demos into maintainable products.
- 解决问题 Problem
- 很多 AI 生成的 Demo 能运行,却缺少 Git、测试、结构和持续迭代所需的工程基础。 Many AI-generated demos run, but lack the Git, tests, structure and iteration habits that sustain an engineering project.
- 我的职责 Role
- 产品定义 / 交互设计 / 全栈实现 Product definition / interaction design / full-stack implementation
Next.js 16React 19ElectronTailwind CSSLLM Provider
09 / MCPMCP可用工具 Available tool
通过 WPS COM 接口让 MCP 客户端操作文档、PDF 与表格。 Lets MCP clients work with documents, PDFs and spreadsheets through the WPS COM interface.
- 解决问题 Problem
- 本地 AI 客户端难以通过统一接口安全地创建、读取和修改 WPS 文件。 Local AI clients lack a unified, safe interface for creating, reading and modifying WPS files.
- 我的职责 Role
- MCP 协议适配 / Office 自动化 MCP protocol adaptation / Office automation
PythonMCPpywin32WPS COM