✦ Vibe Code

VIBE
CODE

Where design instinct meets AI-powered building. Two real problems. Two working tools. Zero hand-off.

Scroll
02
Figma Plugin
AI Dashboard
Design Automation
Competitor Intelligence
Vibe Coded
Real Problems
Figma Plugin
AI Dashboard
Design Automation
Competitor Intelligence
Vibe Coded
Real Problems
Case Studies
01Figma Plugin

Design Checker

Demo
3Checks automated
0Manual reviews needed
Hours reclaimed
The Problem

Designers were spending real time manually auditing every component — hunting down wrong fonts, incorrect font sizes, and off-brand hex values layer by layer.

What It Does

Design Checker automatically scans your Figma file and flags every incorrect font, font size, or hex color code — in seconds.

How It Was Built

Built using the Figma Plugin API — vibe coded with Claude as co-pilot. Traverses every layer and compares against approved design tokens.

Stack
Figma Plugin APITypeScriptHTML / CSSClaude AI
✦ Impact

What used to require manual layer-by-layer checks now runs at the click of a button. Design system drift caught at source.

02AI Dashboard

Storage Intel

Demo
AIStrategy generation
LiveCompetitor data
1Dashboard to rule them
The Problem

Self-storage companies have no easy way to track what competitors are doing in real time. Monitoring pricing and positioning is a full-time job.

What It Does

Storage Intel pulls live competitor data and uses AI to generate a concrete, actionable counter-strategy — not generic insights, specific moves.

How It Was Built

Vibe coded end-to-end. Scrapes live competitor data, feeds it through an AI model, and outputs targeted strategic recommendations.

Stack
Web ScrapingClaude AIReactData VizREST APIs
✦ Impact

Transforms competitor monitoring from slow research into an always-on intelligence system. Know what your competition is doing — and what to do about it.

Design
Meets
Build

Vibe coding isn't a shortcut — it's a superpower. Real problems solved with AI and craft.

About Me
VIBE
✦ Vibe Code — Design × Build

VIBE
CODE

Where design instinct meets AI-powered building. Two real problems. Two working tools. Zero hand-off.

Scroll to explore
02
Figma Plugin
AI Dashboard
Design Automation
Competitor Intelligence
Vibe Coded
Real Problems Solved
Figma Plugin
AI Dashboard
Design Automation
Competitor Intelligence
Vibe Coded
Real Problems Solved
Case Studies
01Figma Plugin

Design Checker

Demo
3Checks automated
0Manual reviews needed
Hours reclaimed
The Problem

Designers were spending real time manually auditing every component against the design system — hunting down wrong fonts, incorrect font sizes, and off-brand hex values layer by layer.

What It Does

Design Checker is a Figma plugin that automatically scans your entire file and flags every instance of an incorrect font family, wrong font size, or off-brand hex color code — in seconds.

How It Was Built

Built entirely using the Figma Plugin API — vibe coded with Claude as co-pilot. The plugin traverses every layer, compares values against approved design tokens, and generates a report inside Figma.

Stack
Figma Plugin APITypeScriptHTML / CSSClaude AI
✦ Impact

What used to require manually comparing every layer now runs at the click of a button. Design system drift is caught at source — before it ever reaches a developer.

02AI Dashboard

Storage Intel

Demo
AIStrategy generation
LiveCompetitor data
1Dashboard to rule them
The Problem

Self-storage companies have no easy way to track what competitors are doing in real time. Monitoring pricing, promotions, and positioning across dozens of players is a full-time job.

What It Does

Storage Intel pulls live competitor data — tracking pricing, campaigns, and positioning — then uses AI to generate a concrete, actionable counter-strategy.

How It Was Built

Vibe coded end-to-end. The dashboard scrapes live competitor data, feeds it through an AI model that synthesizes patterns, and outputs targeted strategic recommendations.

Stack
Web ScrapingGoogle AI StudioReact
✦ Impact

Transforms competitor monitoring from slow fragmented research into an always-on intelligence system. Open the dashboard and know exactly what to do about it.

Design
Meets
Build

Vibe coding isn't a shortcut — it's a superpower. Using AI as a creative co-pilot, I turn real design problems into working tools without losing a pixel of craft.

About Me