AI Lab

A space of AI-assisted experiments, built to explore what's possible.

I directed

I directed

Color: Lavender and Sky Blue

Grid, spacing scale, component patterns

Two font family with usage

WCAG 2.1 AA accessibility

Claude Give me More Than What I Expected

Claude Give me More Than What I Expected

200+ design tokens

100+ annotated components

40 sections across 3 parts

Live interactive cheat sheet

3 hours end-to-end

Full Design System

Claude AI

Github

Vercel

Token Architecture

Component Library

Accessibility

Raw Output

Design System Tested With Claude

Design System Tested With Claude

40

40

sections

sections

200+

200+

tokens

tokens

100+

100+

components

components

~3hr

~3hr

total time

total time

I used Claude AI to build my old own portfolio design system. I give it direction on colour, typography, and layout, and letting it do the generation. I wasn't just prompting randomly. I give the direction of my design style.

The result is a fully annotated, three-part design system covering tokens, components, dashboard patterns, dark mode, accessibility guidelines, and a live quick-reference sheet. But, some places are still need to adjust especially font family.

This is the raw output. I haven't cleaned up yet. Then, I use Vercel to put into live. Claude helps me create structured direction turned into a living design system within hours. I bet it saves a lot of time rather than to create from scratch.

I used Claude AI to build my old own portfolio design system. I give it direction on colour, typography, and layout, and letting it do the generation. I wasn't just prompting randomly. I give the direction of my design style.

The result is a fully annotated, three-part design system covering tokens, components, dashboard patterns, dark mode, accessibility guidelines, and a live quick-reference sheet. But, some places are still need to adjust especially font family.

This is the raw output. I haven't cleaned up yet. Then, I use Vercel to put into live. Claude helps me create structured direction turned into a living design system within hours. I bet it saves a lot of time rather than to create from scratch.

Thailand food guide app for exploring affordable Thai cuisine with budget tips for Gen Z backpackers.

React

MediaPipe

Web Audio API

Interactive Web Game

Real Hand Tracking Balloon Shooter

Real Hand Tracking Balloon Shooter

I built a hand-tracking balloon shooter that runs entirely in the browser. Point your finger to aim, pinch to shoot. Or you can play with mouse.

I built a hand-tracking balloon shooter that runs entirely in the browser. Point your finger to aim, pinch to shoot. Or you can play with mouse.

Say Hello.

Email:

rinamay.uix@gmail.com

© 2026 Design With Rina. All right reserved.

© 2026 Design With Rina. All right reserved.

Made with Milk & Coffee.

Made with Milk & Coffee.