Frontend engineer cooking for DX

Create for laziness, peace & love ❤️

Vue · TypeScript · Vite · UnoCSS · VS Code Extensions · Automation

---

👋 About

I’m Simon He, a frontend engineer based in Shanghai. I build practical open-source tools for real workflows — from AI-friendly streaming Markdown renderers and UnoCSS utilities to VS Code extensions and browser-side productivity tools.

const simon = {
  location: 'Shanghai',
  focus: ['DX', 'Frontend Tooling', 'Open Source', 'Automation'],
  stack: ['Vue', 'TypeScript', 'Vite', 'UnoCSS', 'TailwindCSS', 'VS Code'],
  principle: 'Create for laziness, peace & love ❤️',
}

⚡ DX first Make daily frontend work faster and calmer.

🧰 Tooling driven Ship small, composable tools for real workflows.

🌱 Open source Build in public, learn from users, iterate quickly.

---

✨ Featured Projects

markstream-vue A Vue 3 renderer built for AI-powered streaming Markdown: progressive Mermaid, Monaco/Shiki code blocks, KaTeX, virtual rendering, and real-time updates without jitter. Vue 3 AI UI Markdown Mermaid KaTeX	common-intellisense Universal component IntelliSense for multiple UI libraries. It provides smart completion for props, events, slots, types, and instance methods. VS Code IntelliSense UI Libraries DX
transformToUnoCSS Convert traditional CSS into UnoCSS utilities. Useful for migrating copied styles, design drafts, and legacy CSS snippets into atomic CSS workflows. UnoCSS CSS Transform Atomic CSS Migration	unot UnoCSS tools for VS Code. Hover CSS hints, shortcut conversion, uno-magic syntax expansion, and faster atomic CSS authoring. UnoCSS VS Code Productivity Tooling

More Open Source

Project	What it does
lazy-js-utils	JavaScript / TypeScript utility toolkit for practical browser and DOM workflows.
vscode-tailwind-magic	TailwindCSS productivity extension with shorthand expansion and smart conversion.
simon.me	Personal blog and content platform.
browser-compress-image	Browser-side image compression experiment; archived and kept for reference.

---

🧩 Tech Stack

---

📊 GitHub Overview

More activity graphs

---

☕ Support

If my projects help your workflow, a star, issue, PR, feedback, or sponsorship means a lot.