// Last login: — on ttys001 alison@studio ~/ai-lab $ echo "// this portfolio is vibe coded" alison@studio ~/ai-lab $ cat README.md # readme i started coding websites with html and css in my early college years, and my first job was as a web developer assistant at the UCSD Jacobs School of Engineering. i remember using drupal, javascript, and css to help set up multiple schools' sites. for years, most of my design portfolios were hand coded, writing html/css from scratch and digging through codepen for animations and interactions. it's been surreal watching the tooling evolve. i went from hand coded portfolio sites, to framer, and now back to code again with the help of a polite robot called claude code. following are more experiments i've made, usually in a sprint of 1-2 days, with the intention to play and better understand the tools. lots sit in my drafts, and one accidentally got some good traction. cheers. alison@studio ~/ai-lab $ cat loop.md # process idea → moodboard → AI prompting → Figma prototype → Cursor/Claude build → Vercel deploy → content → iterate alison@studio ~/ai-lab $ cd ./vibecoded && ls -lah // click any project below to expand its readme · or type a command (try: help) drwxr-xr-x alex-honnold-focus-timer/ focus timer set to honnold's 1h31m taipei 101 free solo cursor · figma · claude code · vercel · 120k views · 2k users · 30 countries drwxr-xr-x nyc-bodega-status/ crowdsourced live map of open bodegas during nyc storms claude code · google api drwxr-xr-x ai-corner/ a bookshelf for ai reading — highlight, retain, repeat claude code · easter egg inside drwxr-xr-x ai-comprehension-load/ visualizing the cognitive load of multilingual content claude code · existing template drwxr-xr-x personal-websites/ alisonchen.co + alisonchen.xyz — daily vibecoding playground framer · claude code · vercel alison@studio ~/ai-lab/vibecoded $ stats --summary ┌──────────────────────────────────────────────────────────────────┐ │ 5 shipped 120k+ views 2k+ users ~1.2d avg ttl │ └──────────────────────────────────────────────────────────────────┘ alison@studio ~/ai-lab/vibecoded $ stack → next.js · tailwind · framer · figma · claude code · cursor · vercel · supabase · mapbox alison@studio ~/ai-lab/vibecoded $