AI does not design.
It does the other 80%

Using AI across my daily workflow for faster execution, better decisions, rapid prototyping, and shipping real-world products.

The workflow

What it built

AI as part of my
everyday workflow.

I use AI throughout the product design process to move faster, think deeper, and deliver better products, without replacing design thinking or human judgment.

Automation

Task Automation

Component generation, documentation, release notes, design tokens. The repetitive half of the job, off my plate.

Research

Competitor analysis, interview synthesis, UX patterns — the groundwork, in a fraction of the usual time.

Analysis

Analysis & Decision Making

Breaking down requirements, mapping flows, finding edge cases and challenging assumptions before design starts.

Development

Code & Development

React, Tailwind, production-ready components. Shortens the gap between design and implementation.

Prototyping

Fast Prototyping

Interactive prototypes and lightweight MVPs instead of static mockups — validated before engineering time is spent.

Testing

Testing & Validation

Accessibility reviews, UX audits, visual consistency and design QA, before issues reach users.

Agents

MCPs & AI Agents

Figma, Claude, Cursor, GitHub and custom MCP servers in one loop, sharing context instead of working in isolation.

Apps

Building real world apps

It’s not just vibe coding. It’s systems thinking, architecture, and scalability.

THE LOOP

Built this way,
and running.

Not experiments. Each of these is in production, in a store, or in somebody else’s package.json.

PORTFOLIO / WORK / sena

READY

PROJECTS

/ 3 OPENED

Sena

Active · Q1 2026

PURPOSE

A design system that an agent can build against — so a component request becomes a component, not a ticket.

STACK

Figma Variables

Claude

MCP

React + TS

Style Dictionary

npm

Tokens

Figma variables · 3 collections, 4 modes

Contract

CLAUDE.md · AGENTS.md · docs/

Squad

11 agents · build, audit, docs, sync

Library

typed React · multi-brand · published

agents

components

brand modes

1.4s

per build

Design System

AI Agents

❯

/sena build Badge --variants=4

reading tokens.json · 214 variables

routing → build · audit · docs

✓

badge.tsx + badge.css · 142 loc

✓

axe · contrast 4.9:1 — AA

1 token alias unresolved — pinned

✓

registry +1 · docs hub synced

✓

11 agents · exit 0 · 1.4s

❯

Three builds, and the run each one performs.

Pick a build on the left — the canvas draws its shape, the log prints its run.

AI WORK

The stack,
and what each is for.

Reached for daily. Short on purpose — a tool used once a quarter is a tool you are bad at.

Claude

Claude

Claude

Figma

Figma

Figma

Cursor

Cursor

Cursor

Supabase

Supabase

Supabase

Vercel

Vercel

Vercel

OpenAI

OpenAI

OpenAI

AI does not design.It does the other 80%

AI does not design.It does the other 80%

AI does not design.It does the other 80%

AI does not design.It does the other 80%

AI does not design.It does the other 80%

AI does not design.It does the other 80%

AI does not design.It does the other 80%

AI as part of myeveryday workflow.

AI as part of myeveryday workflow.

AI as part of myeveryday workflow.

AI as part of myeveryday workflow.

AI as part of myeveryday workflow.

AI as part of myeveryday workflow.

AI as part of myeveryday workflow.

Task Automation

Task Automation

Task Automation

Task Automation

Research

Research

Research

Research

Analysis & Decision Making

Analysis & Decision Making

Analysis & Decision Making

Analysis & Decision Making

Code & Development

Code & Development

Code & Development

Code & Development

Fast Prototyping

Fast Prototyping

Fast Prototyping

Fast Prototyping

Testing & Validation

Testing & Validation

Testing & Validation

Testing & Validation

MCPs & AI Agents

MCPs & AI Agents

MCPs & AI Agents

MCPs & AI Agents

Building real world apps

Building real world apps

Building real world apps

Building real world apps

Built this way,and running.

Built this way,and running.

Built this way,and running.

Built this way,and running.

Built this way,and running.

Built this way,and running.

Built this way,and running.

The stack,and what each is for.

The stack,and what each is for.

The stack,and what each is for.

The stack,and what each is for.

The stack,and what each is for.

The stack,and what each is for.

The stack,and what each is for.

AI does not design.
It does the other 80%

AI does not design.
It does the other 80%

AI does not design.
It does the other 80%

AI does not design.
It does the other 80%

AI does not design.
It does the other 80%

AI does not design.
It does the other 80%

AI does not design.
It does the other 80%

AI as part of my
everyday workflow.

AI as part of my
everyday workflow.

AI as part of my
everyday workflow.

AI as part of my
everyday workflow.

AI as part of my
everyday workflow.

AI as part of my
everyday workflow.

AI as part of my
everyday workflow.

Built this way,
and running.

Built this way,
and running.

Built this way,
and running.

Built this way,
and running.

Built this way,
and running.

Built this way,
and running.

Built this way,
and running.

The stack,
and what each is for.

The stack,
and what each is for.

The stack,
and what each is for.

The stack,
and what each is for.

The stack,
and what each is for.

The stack,
and what each is for.

The stack,
and what each is for.