How I built this

The author rebuilt their personal website, initially attempting an agent-like interface with AI assistance, but ultimately opting for a simpler canvas-style design. The process involved iterative feedback through screenshots and annotations, content migration to Markdown, and deployment using here.now and a custom domain. The final version is a simpler, more focused site with added character through animations and annotations.

• The author initially designed their personal website to mimic an agent app, using AI agents like Codex for development.
• The development process was iterative, involving design, annotation of screenshots, and sending feedback back to the AI.
• Challenges were encountered with AI model interpretations and the complexity of the initial agent-interface concept.
• The author pivoted to a simpler, canvas-like design, inspired by other personal websites, focusing on content in Markdown files.
• The site was deployed using here.now and later configured with a custom domain (bentossell.com).
• The final design incorporates a mascot animation, keyboard controls, tooltips, and handwritten-style annotations using Rough Notation.
• The author emphasizes the learning process and encourages others to build by doing, sharing their experience as a way to demystify AI-assisted development.
  https://bender.layer3.press/articles/4029df27-4ee2-4a45-9c19-d38c4c3626c4