Astro-TypeScript-MDX portfolio website

Built a self-branding portfolio with Claude Code that produces a tailored site for each target company.

Landing page tailored to Company ABC, orange serif brand on a dark hero
Landing page tailored to Company XYZ, pink brand on a light hero
Default home page, purple brand
  • Briefing an AI, then directing it

    I started by briefing Claude on my requirements: generating tailored landing pages per target company with privacy-protecting tracking slugs.

    Then I used it to evaluate architecture options before selecting Astro-Typescript with MDX content collections, deployed on Vercel.

    From there I built it page by page through AI-assisted coding, reviewing output, adjusting designs in Figma, and directing revisions.

  • AI as a critique partner

    I also used Claude as a critique partner, feeding it mobile screenshots to accelerate detection and resolution of responsive layout issues.