I Successfully Recreated the 1996 Space Jam Website with Claude
3 days ago
- #AI
- #Web Development
- #Nostalgia
- Jonah Glover's challenge to recreate the 1996 Space Jam website using Claude AI.
- Initial attempt failed, prompting a community call for help.
- Use of Claude Code (Opus 4.1) with a screenshot and image assets to recreate the landing page.
- Implementation of a pixel-perfect recreation using HTML5, CSS3, and Playwright for visual regression testing.
- Challenges faced with background tiling and pixel-perfect accuracy.
- Final solution involved overlaying HTML elements on a copied screenshot background.
- Discussion on the importance of autoformalization and Test Driven Development (TDD) in coding tasks.
- Reflection on the limitations and capabilities of AI in precise recreations.
- Cost analysis of using Claude AI for the project (~$10 estimated).
- Promotion of Nori configs for optimizing AI coding tasks.