20 ms·
Show HN: A portfolio that re-architects its React DOM based on LLM intent
Hi HN,
Added a raw 45-second demo showing the DOM re-architecture in real-time: https://streamable.com/vw133i https://streamable.com/vw133i
I 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!
- CharlesW 8mo ago"…I don't just deploy software; I architect the adoption ecosystems that turn complex PLM systems into scalable business assets." It's shocking how fast this phrasing has become a red flag for AI slop.
- Pramit_2002 8mo agoFair roast. You are 100% right. I let an LLM "polish" my professional summary and it completely over-indexed on the corporate LinkedIn jargon. Reading it back now, it definitely sounds like slop. I'm batching my deployments right now to save on build minutes, but stripping that out and replacing it with plain English is the first thing in the next commit. I appreciate the callout. Lesson learned on letting the AI write the copy!
- Pramit_2002 8mo agoUpdate: You guys gave me the ultimate HN hug of death! The traffic spike completely blew through my Netlify free tier limits. I just pulled out my credit card and upgraded the servers, so the GenUI is officially back online. Keep trying to break it!