Show HN: A portfolio that re-architects its React DOM based on LLM intent
Show HN (score: 6)Description
Added a raw 45-second demo showing the DOM re-architecture in real-time: 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!
More from Show
Show HN: Open-weight OCR got so cheap I had to share it
Show HN: Open-weight OCR got so cheap I had to share it This was not supposed to become a product.<p>When PaddleOCR-VL-1.6 dropped, independent benchmarks put it at the top of document parsing models. I had to try it. I needed a provider, but there simply isn't one ready for production that I would trust.<p>So i set one up myself. I assumed that even after getting it running, serving a vision-language model would be expensive.<p>It turns out the opposite is true. Once I had it running properly, the cost was absurdly low. At proper GPU utilization, the cost is only around $1 per 1,000 pages.<p>The nearest competitors are either much lower quality (Azure Read) or absurdly expensive (Extend or Reducto). Even Mistral OCR 4 which is really good and pretty cheap is still 4x more expensive.<p>So I had to share it. I made the endpoitns public, and vibe-coded a simple dashboard.<p>Let me know what you think!
No other tools from this source yet.