A portfolio that re-architects its React DOM based on LLM intent

Details

External ID

47114881

Source

HN

Company

—

Product

A portfolio that re-architects its React DOM based on LLM intent

Website domain

netlify.app

Launched

Feb. 22, 2026

Cohort

—

Upvotes

6

Upvotes percentile

0.28099730458221023

Tags

—

Fetched at

Sept. 7, 2026, 9:25 p.m.

Updated at

Sept. 7, 2026, 9:25 p.m.

Description

Hi HN,Added a raw 45-second demo showing the DOM re-architecture in real-time: https://streamable.com/vw133iI got tired of the "Context Problem" with static portfolios—Recruiters want a resume, Founders want a pitch deck, and Engineers want to see architecture.Instead of building three sites, I hooked up my React frontend to Llama-3 (via Groq for <100ms latency). It analyzes natural language intent from the search bar and physically re-architects the Component Tree to prioritize the most relevant modules using Framer Motion.The hardest part was stabilizing the Cumulative Layout Shift (CLS) during the DOM mutation, but decoupling the layout state from the content state solved it.The Challenge: There is a global CSS override hidden in the search bar. If you guess the 1999 movie reference, it triggers a 1-bit terminal mode.Happy to answer any questions on the Groq implementation or the layout engine!

• Source listing
• Website