How I Revamped My Portfolio Website in 5 Nights Using AI Agents

#artificialintelligen #softwareengineering #webdev #ai

I see many friends and acquaintances generating amazing applications in mere weeks. We are in the midst of a craze of innovation, an era where inspired people can bring their ideas to life without being strictly bounded by the usual constraints of tool mastery.

This means there is no time to slack off. The go-getters will not wait for you to catch up. One representative aspect of this fast-moving landscape is your digital presence — your portfolio.

As a freelance AI/ML Architect, I realized I needed a space that truly reflected my expertise. In this article, I present the revamp of my own portfolio: fmind.dev.

New Homepage of Fmind.dev

The Old and Dusty Website

My previous website was built with Google Sites. It was cheap, highly functional, and effortless to maintain.

Previous version of Fmind.dev

But functional is no longer enough in 2026, especially for a freelancer who constantly needs to be on the bleeding edge of technology. Google Sites afforded me very little control over styling, strict limitations on SEO, and — crucially — zero ability to easily evolve it using modern AI coding assistants.

Something had to be done.

Preparing the Field: Setting Up the Agent

The secret to a successful AI-assisted project isn’t just jumping in and prompting; it’s about preparing the groundwork.

I started by defining several agent skills tailored to prepare my specific text stack. For this project, I created dedicated skills covering:

Backend Development
Frontend Development
GCP Deployment
GCP Observability
Mobile Optimization
Project Tooling
SEO Optimization

Then, instead of continuously reminding the agent who I am and what I want, I explicitly created two context files:

PROFILE.md : Outlining my professional identity, experience, and links.

# Profile - Médéric Hurier (Fmind)

## Headline

Freelancer • AI/ML Architect & Engineer • AI Agents & MLOps • GCP Professional Cloud Architect • PhD in AI & Computer Security

...

DESIGN.md : Defining my brand identity (e.g., “Space & Tech” aesthetic).

# Website Design

## Brand Identity

A professional, advanced, and modern digital presence for an AI/ML Architect.

Blending clean and modern style with a "Space & Tech" aesthetic to reflect deep expertise in Artificial Intelligence and MLOps.

...

By establishing these foundational documents, I set the ground rules. The AI agent had immediate access to my personality and brand identity, saving me from having to explain the context over and over again.

Building the Website: Steering the AI

Rather than “vibe coding” everything and blindly compiling the results, I made a strict rule: I would review every single file generated by the agent. As an engineer, I refuse to be responsible for a codebase I haven’t read or understood.

Despite the agent’s impressive capabilities, I noted several weaknesses that you must manage when using AI agents to generating code:

“Agents don’t care about your brand. They just want to get the task done.”

— A harsh truth of AI coding

It’s entirely up to you to rigorously maintain your identity and ensure the output matches your needs.

“Code quickly degenerates. Without supervision, AI can generate piles and piles of code lacking underlying logic.”

Agents are fantastic at refactoring, but you are the architect who must point them in the right direction.

Choosing the right tech stack is key. Call me old school, but I demand mastery over what I produce. I decided to use Python as the foundational layer for my programming logic. I am confident in my ability to maintain, debug, and evolve a Python-based architecture over the long term.

Once you actively tackle these limitations, the results are breathtaking. While I generally don’t enjoy writing repetitive boilerplate or templates, the AI agent excels at it and never gets tired. You can direct its focus entirely to the frontend, backend, deployment, SEO, or mobile optimization. Watching the pieces fall into place gives you an incredible dopamine rush.

The Result

I was able to finalize the website from scratch in just 5 nights.

This rapid timeline included everything: generating the base components, extensive optimizations, refactoring, and setting up proper deployment pipelines (including analytics and observability). While I could have let the agent run entirely autonomously, it is my website; I wanted to be an active part of the process.

Result of PageSpeed Insights (LightHouse)

I’m thrilled to report that the new site achieved a 100% Lighthouse score across every single category. The site is fast, modern, and beautifully aligned with my brand. I would have never been able to produce this level of polish by myself in such a short timeframe, and I’m incredibly proud of the result.

For context on the effort, here is a quick look at the codebase generated and reviewed during those 5 nights:

github.com/AlDanial/cloc v 1.98 T=0.10 s (915.2 files/s, 30379.3 lines/s)
-------------------------------------------------------------------------------
Language files blank comment code
-------------------------------------------------------------------------------
HTML 57 33 40 1257
Markdown 11 277 0 580
Python 12 138 79 368
TOML 1 8 1 84
YAML 3 0 3 81
CSS 2 9 0 41
Text 4 7 0 33
JSON 1 0 0 31
Dockerfile 1 1 2 27
-------------------------------------------------------------------------------
SUM: 92 473 125 2502
-------------------------------------------------------------------------------

Conclusions

AI Coding is an absolute game-changer. I highly encourage any developer or freelancer to revamp their own website as soon as possible. It is the perfect, tightly-scoped exercise to discover the true, practical capacity of these tools for yourself.

Key Takeaways

Start with clear context files to ground your agent’s understanding.
Do not blindly trust generated code; review everything to maintain architectural control.
Avoid “shiny object syndrome.” Relying entirely on AI without architectural vision can lead to generic, unmaintainable results. Find the right balance between automation and engineering rigor.

Check out the final result at fmind.dev.

About me on Fmind.dev