About · Open Source · What I Build · Selected Work · Agent Skills · Toolbox
Frontend & AI Application Developer building web applications, interactive 3D experiences, and AI workflows—turning ideas into useful tools that people can try, use, and improve.
- Web applications: I build workspaces, dashboards, and interactive interfaces with React / Vue and TypeScript, connecting them to APIs and services with Node.js / Python.
- Interactive 3D & visualization: I use Three.js / React Three Fiber, SVG, and Leaflet to explore virtual exhibitions, synchronized 2D and 3D views, wiring simulations, and interactive maps. Projects include PALEO and WiringLab.
- AI applications & tools: My work includes RAG / GraphRAG, knowledge-based Q&A, and content workflows. I contribute to WorkPilot, develop the WritePilot browser extension, and collect reusable workflows in Bindy-skills.
- Open source & delivery: I contribute features and fixes to ByteFolk's desktop workspace, design system, and example projects, including release delivery, demo deployment, and documentation.
I contribute workspace features, design system components, and reusable examples to ByteFolk projects. Selected merged contributions:
| Project | Contributions | Related PRs |
|---|---|---|
| RoleWeave | Goal and project workspaces, settings interfaces, interaction fixes, and desktop releases | #569 · #581 · #583 |
| Workbench Examples | MUSE digital human example, model gateway integration, and separation of the public demo from live services | #1 |
| Design System | Consistent APIs for selector components | #32 |
| Digital Employee Quickstart | Engineering team examples, design review guidance, and role-specific skill examples | #38 · #45 · #46 |
View my public pull requests →
I work across interfaces, interactions, service integration, and delivery, with attention to the complete user experience. These are the main areas represented in my projects:
| Area | Practical Focus | Projects |
|---|---|---|
| Web applications & frontend interaction | React / Vue, TypeScript, workspace interfaces, components, and business workflows | MUSE workspace, ByteFolk contributions |
| Three.js & interactive 3D | Model inspection, size comparison, synchronized 2D / 3D views, wiring validation, and simulation | PALEO, WiringLab |
| AI & knowledge applications | RAG / GraphRAG, document parsing, retrieval and reranking, model APIs, and content workflow integration | Q&A and content tools, MUSE workspace |
| Desktop applications & browser extensions | Desktop workspaces, browser content extraction, writing assistance, and releases | WorkPilot, WritePilot |
| Data tools & reusable workflows | Python data scripts, interactive maps, and reusable Agent Skills | asock, Leaflet Map Experiments, Bindy-skills |
A desktop workspace for AI-assisted coding, organized around projects, conversations, file context, and model configuration. It includes project management, skill invocation hints, and in-app updates.
Desktop App AI Coding Agent Windows
Download the latest release ↗ · Project overview & usage
The public repository provides Windows installers and release notes.
Explore the prehistoric world in your browser: 14 collection entries, interactive 3D models, species information, size comparisons, and a timeline map.
|
Practice electrical wiring with synchronized 2D and 3D views, connection validation, power-on simulation, and locally saved progress.
|
A workspace concept for AI content production, bringing together brand materials, character assets, video creation, task review, and archiving.
|
A browser extension workflow connecting trending topic discovery, content extraction, AI rewriting, and filling out publishing pages.
|
The MUSE public demo uses synthetic examples and fixed video clips to illustrate its workflow; live model calls are not enabled on the public site. WiringLab is a software learning tool and does not replace hands-on electrical safety training.
More Tools & Experiments
| Project | Purpose | Stack |
|---|---|---|
| FitBuddy · Shared Check-ins | Lightweight exercise check-ins and mutual accountability for small groups; shared use requires backend configuration | TypeScript · Supabase |
| asock · Sector Analysis | Data scripts and an AI Skill for researching A-share market sectors; personal research only, not investment advice | Python · AI Skill |
| Leaflet Map Experiments | Map markers, annotations, clustering, and map layer integration | Vue · Leaflet |
Reusable Agent Skills drawn from practical workflows, with instructions, reference rules, scripts, and output templates. More skills will be added over time.
| Skill | Capabilities | Output |
|---|---|---|
| Job Search Matching · job-search-match | Find roles based on a resume or search criteria, verify sources, examine company background and fit, score consistently, and update previous results | A standalone HTML report with filters, side-by-side comparisons, original job links, and items to confirm |
Agent Skills AI Workflow Python HTML
Each skill lives in its own directory and can be used independently. The repository contains reusable workflows and templates, not personal resumes, job records, or application histories. The job search skill provides links for users to apply themselves by default.
Web & Frontend — React / Vue, TypeScript, Vite, components, and business interfaces.
3D & Visualization — Three.js / React Three Fiber, SVG, Leaflet, model presentation, scene interaction, and synchronized 2D / 3D views.
Services & Integration — Node.js / NestJS, Python / FastAPI, and model APIs.
Tools & Automation — Desktop workspaces, browser extensions, visual workflows, and Agent Skills.
Knowledge & Retrieval — RAG / GraphRAG, embeddings, rerankers, document parsing, and knowledge graph visualization.
Data & Delivery — MongoDB, Neo4j, OceanBase, Prisma / SQLite, Supabase, Docker Compose, Nginx, and GitHub Actions.
Start with a small idea. Build something useful.
Try the projects, share feedback, or open an issue in the relevant repository.