# RayJason · Jason Gu

> RayJason / Jason Gu, Technical Director / Agent Architect at Refactor X. Building AI applications and agent systems that turn complex business needs into useful, reliable products.

- Role: Technical Director / Agent Architect
- Location: Shenzhen, China
- Website: https://rayjason.cn/en
- GitHub: https://github.com/RayJason
- Contact: [i@rayjason.cn](mailto:i@rayjason.cn)

## Direction & company

Technical Director / Agent Architect

With a full-stack development background, I now focus on AI applications and the architecture and production engineering of agent systems. I care about product experience and how systems perform in real business use.

- Company: [Refactor X](https://refactor-x.com)

I participate in organizing preparations for DevFest Shenzhen and enjoy exchanging ideas and sharing practical experience with developers.

## How I think about AI

### Real needs aren't going away.

AI serves real needs. Tools will change, while businesses keep finding problems to solve and possibilities to create.

### On the shoulders of giants.

Human progress continues. The knowledge and tools we inherit give us a starting point for reaching further.

### Build for the long term.

Reliability, performance, cost, permissions, and long-term maintenance are all part of product design. A system should hold up in everyday use.

## Beyond the screen

Diving · Snowboarding · Hiking · Trail running · Climbing · Travel & photography

I enjoy time outdoors and use photography to capture the landscapes I find along the way.

## Skills

TypeScript · Vue · React · Nuxt · CSS · Prisma · PostgreSQL

## Projects

### Live QR

Create an updatable QR page for your belongings. Switch an item to lost mode to display recovery details and receive messages from the person who finds it.

- Dynamic item status and contact details
- Finder messages and Feishu notifications
- QR export and a multilingual interface

Stack: Nuxt 4 · Vue 3 · TypeScript · Prisma · PostgreSQL

Source: https://github.com/RayJason/live-qr

### Inline HTML Styles

Convert CSS and Tailwind styles into inline HTML styles for email and WeChat articles. Includes rem-to-px conversion, static CSS variables, and simplified calc expressions.

- Inline CSS and Tailwind styles
- Unit conversion and variable processing
- Output for email and articles

Stack: TypeScript · PostCSS · Juice

Source: https://github.com/RayJason/inline-html-styles

### Neumorphism Clock

A clock exploring soft, tactile interfaces through light and shadow. Features analog and digital clocks, custom time, and a responsive layout.

- Analog and digital clocks
- Custom time and responsive layout
- Soft light and shadow in a neumorphic interface

Stack: React · TypeScript · Vite · CSS Modules

Source: https://github.com/RayJason/Neumorphism_Clock