← Projekty

Case study · Open source · UI

Nick AI

Chatové rozhraní inspirované Claude — Next.js, dark/light režim, streaming layout a markdown. Jde o design a frontend, ne o kompletní AI systém.

  • Next.js
  • UI design
  • Open source
  • MIT
Nick AI — chat UI design v Next.js

Problém

Chtěl jsem si vyzkoušet, jak postavit čisté chatové UI ve stylu moderních AI produktů — typografie, bubliny, streaming stav, markdown a přepínač témat — bez nutnosti stavět celý modelový stack.

Řešení

Nick AI je open-source Next.js aplikace zaměřená na rozhraní: Claude-inspired layout, dark/light režim, vykreslování markdownu a streaming odpovědí přes jednoduchý /api/ai endpoint. Backend AI je záměrně jen kontrakt — produktová hodnota je ve frontendu a UX.

  • Chat UI s responzivním layoutem
  • Dark/light theme (výchozí dark)
  • Streaming odpovědi + markdown (kódové bloky, formátovaný text)
  • Stack: Next.js, React, Tailwind CSS

Moje role

Autor UI a frontendu — návrh, implementace a veřejný repozitář pod MIT. Nejde o provoz vlastního LLM ani o hotový produkční AI produkt.

Výsledek

Veřejný projekt na GitHubu — referenční chat shell, který jde napojit na libovolný streaming endpoint.