Prompt. Build. Ship.
No months of planning. No overthinking. Just one week of after-hours vibe coding with AI between my full-time job.
Claude handled the boilerplate. I handled the vision. Every section you see was born from a conversation, not a tutorial.
The Stack
Astro 6
Islands Architecture. Zero JS shipped by default. Content-first framework that renders pure HTML.
Tailwind CSS v4
@theme tokens for colors, fonts, and spacing. No config file needed.
MDX
Markdown + JSX components. Blog posts with interactive elements.
React 19
Theme toggle, counters, typing effects. Hydrated only when needed.
Claude Code
The co-pilot behind every prompt. Turned weeks of work into days.
How It Went Down
Foundation
Project scaffold, page routes, layout system, glassmorphic nav, theme tokens.
Core Sections
Hero, animated bento cards, blog timeline. Every section shaped through prompts.
Polish & Pages
Lime-accent dark mode, cinematic intro overlay, remaining content pages.
Ship It
Final sweep, Lighthouse audit, Vercel deploy. Done.
All of this happened after work hours and during breaks. With AI, you move at the speed of ideas.
Design Choices
Floating glassmorphic bar with backdrop blur
Grain overlay for tactile depth
Electric lime #c4ff00 in dark mode
Space Grotesk display headings, bold and editorial
Cinematic overlay on first visit with mystery hooks and staggered reveals
Performance
Pure HTML. No JS overhead. Astro delivers exactly what the browser needs.