Restart my Blog using AI
Introduction
After years of neglecting my personal website, I’ve decided to restart my blog with the help of AI tools. This post documents the journey of modernizing my site using Claude Code, Anthropic’s AI-powered coding assistant.
The Original Tech Stack
When I first created this website, I chosed - at that time, back in 2021 - a modern tech stack that I wanted to evaluate for personal projects:
- SvelteKit 2.x with Svelte 5 - A modern, reactive framework with excellent developer experience
- TailwindCSS 4.x - Utility-first CSS framework for rapid styling
- mdsvex - Markdown preprocessor for Svelte, enabling blog posts written in Markdown
- Netlify - For deployment and hosting
- TypeScript - For type safety
The combination works okay for a coder creating a personal website, but the visual results were very basic. And adding more content or features was a challenge. So I stopped before I really started.
Here’s how the website looked back in 2021:
What We Improved with Claude AI
Lately I have been reading a lot about AI and cooperative programming. So I decided to use an AI assistant to help me modernize my website.
Over the past few days, I used Claude Code (claude.ai/code) to help modernize and expand the website. Here’s what we accomplished:
Content Updates
- Added various sections:
- the game development section with a list of my major projects
- a section about my software engineering portfolio
- sections about political engagement and my interest in renewable energy
- a contact page
- a proper Impressum and Datenschutz page
- Proper header and footer for each page
- Added social media links to the header
Games Portfolio
- Created a games list section with all major projects I worked on
- Added company era headers showing my career timeline (Blue Byte 1988-1998, Funatics 1998-present)
- Included links to Steam, Wikipedia, and company websites for each game
Visual Improvements
- Added a dark mode toggle with localStorage persistence and system preference detection
- Implemented glass-morphism effects with backdrop blur and semi-transparent backgrounds
- Created gradient text headlines across all pages
- Added animated elements like bouncing exclamation marks on the welcome page
- Fixed contrast issues for better readability in both light and dark modes
Technical Improvements
- Implemented proper Svelte 5 conventions ($state runes, $props)
- Fixed CSS specificity issues
- Added inline scripts to prevent dark mode flash on page load
The AI-Assisted Workflow
Working with Claude Code felt like pair programming with a knowledgeable colleague. I would describe what I wanted, and Claude would:
- Read the relevant files to understand the current structure
- Propose changes that fit the existing codebase style
- Make the edits and verify they work
- Commit changes with meaningful commit messages
The back-and-forth was natural - I could ask for adjustments, and Claude would refine the implementation accordingly.
What’s Next
This is just the beginning. Future plans include:
- Adding more blog posts
- Expanding the software engineering portfolio
- Perhaps adding some interactive elements
Stay tuned for more updates!
Published on January 28, 2026 · 3 min read