╔═══════════════════════════════════════════════════════╗
║ design × code × AI — three things that used to ║
║ be separate jobs. I do all of them. ║
╚═══════════════════════════════════════════════════════╝
I started in graphic design. Then fell deep into HTML & CSS. Then TypeScript. Now I'm building AI-powered products and automating my own workflow with agents.
I sit at the intersection of visual craft and functional code — fluent in Figma and equally comfortable in a terminal.
| layer | tools & skills |
|---|---|
| 🎨 Product Design | Figma, design systems, UX research, prototyping |
| 🖥️ Frontend | HTML, CSS (expert-level), TypeScript, React, Vite |
| 🤖 AI Integration | Claude API, OpenAI, building agents, AI in product workflows |
| ⚙️ Fullstack (AI-augmented) | Node, APIs, auth, DB — powered by LLMs |
| 📦 PM Fundamentals | discovery, roadmaps, founder-facing consulting |
- 🔨 Building cri.works — my consulting portfolio for founders
- 🤖 Exploring AI agents and how to embed them into real products
- 🧪 Using AI to dramatically compress design → production cycles
- 📐 Somewhere between Design Engineer, UX Engineer, and AI Builder
repos below — each one a different layer of the stack
| project | what it is | stack |
|---|---|---|
| fintech-landing | UI-heavy landing, custom components | TypeScript, React |
| appointments-manager | Calendly-style scheduling app | TypeScript |
| task-management | Trello-style board, drag & drop | TypeScript |
| auth-manager | Full auth flow, sessions, roles | JavaScript |
| ecommerce-site | E-commerce UI, cart, product pages | TypeScript |
good design should be invisible.
good code should be readable.
good AI usage should make both faster — not worse.
I don't separate design from engineering. The best products are built by people who can hold both in their head at the same time. That's the space I work in.
design engineer · ux engineer · ai builder · sometimes pm · always curious