Skip to content
View ShunquanWang's full-sized avatar
πŸ’»
smile
πŸ’»
smile
  • China Shanghai

Block or report ShunquanWang

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
ShunquanWang/README.md

Shunquan Wang

Typing SVG

GitHub Profile views Focus AI Agent Development


πŸ‘‹ About Me

I'm a Frontend Engineer focused on building reliable, scalable, and developer-friendly applications.

πŸ”­ Currently Building Hyperse Data Tracker and frontend data collection solutions
🧠 Deep interests TypeScript type inference, Apollo GraphQL, Next.js architecture
πŸ€– AI direction AI agents, tool calling, RAG, structured output, workflow automation
🧰 Engineering taste Clean boundaries, strong typing, reusable tooling, practical abstraction
🎯 Goal Build software that is easy to use, easy to reason about, and easy to evolve

🧭 What I Build

Area Keywords
🧩 Frontend Architecture React, Next.js, App Router, component design, performance
πŸ›‘ TypeScript Engineering generics, conditional types, utility types, type-safe APIs
πŸ”— GraphQL Data Layer Apollo Client, schema-first development, cache strategy, codegen
🌍 Internationalization next-intl, locale routing, multilingual product experience
πŸ€– AI Applications agents, tools, RAG, prompt workflows, AI-assisted development
πŸ“Š Data Tracking event modeling, analytics reliability, frontend instrumentation

πŸ€– AI & Agent Skills

const aiSkillSet = {
  agentDevelopment: ['tool calling', 'multi-step workflows', 'structured output'],
  llmApps: ['RAG', 'prompt engineering', 'human-in-the-loop experience'],
  frontendAI: ['AI-assisted UI', 'chat interfaces', 'developer automation'],
  engineeringAutomation: ['code generation', 'documentation', 'workflow tools'],
} as const;

OpenAI Vercel AI SDK LangChain AI Agents RAG


πŸ›  Tech Stack

Languages & Core

Languages and core technologies

Frontend

Frontend technologies

Quality & Tools

Quality and tools

Apollo GraphQL React Query next-intl SWC


πŸ“Œ Engineering Principles

Principle Meaning
Type first Make invalid states hard to represent
Clear boundaries Keep UI, data, and business logic easy to reason about
Performance-aware Optimize real user experience, not only scores
DX matters Turn repeated work into reliable tools
AI as leverage Use agents to amplify engineering workflows

πŸ“Š GitHub Overview

GitHub Activity Graph


🌱 Currently Exploring

  • Advanced TypeScript type modeling and inference
  • GraphQL schema design, Apollo cache, and generated type workflows
  • Next.js App Router, i18n architecture, and frontend performance
  • AI agent development, tool use, RAG, and automation workflows
  • Frontend data tracking, analytics reliability, and observability

πŸ“« Connect

GitHub

Footer

Pinned Loading

  1. hyperse-io/pipeline hyperse-io/pipeline Public

    A middleware engine written in typescript

    TypeScript 3

  2. hyperse-io/track hyperse-io/track Public

    A typed, smart, scalable , powerful data collection engine

    TypeScript 5

  3. type-challenges/type-challenges type-challenges/type-challenges Public

    Collection of TypeScript type challenges with online judge

    TypeScript 48.3k 5.3k

  4. hyperse-io/logger hyperse-io/logger Public

    A powerful, pluggable, and flexible type-safe logger

    TypeScript 6 2

  5. rstackjs/rspack-binding-template rstackjs/rspack-binding-template Public template

    Allows you to extend Rspack directly with native Rust code

    JavaScript 19 3

  6. hyperse-io/wizard hyperse-io/wizard Public

    A powerful and flexible CLI library for building interactive command-line applications.

    TypeScript 3 1