This Portfolio Dieses Portfolio
The portfolio is the product. Built with a 6-role AI team.Das Portfolio ist das Produkt. Mit einem 6-Rollen-KI-Team gebaut.
// challenge // ausgangslage
A portfolio isn't just a showcase — it's an argument. Every design decision should demonstrate UX thinking. The challenge: build something that shows the process, not just the output. Without a client brief — which is the hardest brief of all. Ein Portfolio ist mehr als eine Galerie — es ist ein Argument. Jede Designentscheidung soll UX-Denken demonstrieren. Die Herausforderung: Prozess zeigen, nicht nur Ergebnisse. Ohne Client-Brief — das schwierigste Brief überhaupt.
// thinking // denkprozess
Used a structured 6-role AI team: Researcher → UX Designer → Design Architect → Senior Programmer → Critic. Each role documented its responsibilities and had to reference the previous agent's output. The Critic was required to raise at minimum 3 issues per review — and affected agents revised. Architecture: static-first Astro 5 for maximum performance, React islands only where interactivity is actually needed. The only SSR exception is the contact form API endpoint. Everything else pre-renders.
6-Rollen-KI-Team: Researcher → UX Designer → Design Architect → Senior Programmer → Critic. Jede Rolle referenzierte den Output des Vorgängers. Der Critic musste mindestens 3 Kritikpunkte liefern. Architektur: statisches Astro 5 für maximale Performance, React Islands nur wo wirklich Interaktivität nötig ist.
// outcome // ergebnis
Astro 5 static site: canvas code waterfall hero, Framer Motion stagger throughout, bilingual EN/DE, blog with MDX + Shiki code highlighting, onboarding wizard with Resend email, 95+ Lighthouse across all metrics. Astro 5 Static Site: Canvas-Wasserfall-Hero, Framer Motion Stagger, zweisprachig EN/DE, Blog mit MDX + Shiki, Onboarding-Wizard mit Resend, 95+ Lighthouse in allen Metriken.
// stack
- Astro 5
- React
- Framer Motion
- Tailwind CSS v4
- MDX
- TypeScript