# Hashbrown - 대화형·동적·스스로 코딩하는 AI UI 프레임워크

> Clean Markdown view of GeekNews topic #24836. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=24836](https://news.hada.io/topic?id=24836)
- GeekNews Markdown: [https://news.hada.io/topic/24836.md](https://news.hada.io/topic/24836.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2025-12-05T09:27:15+09:00
- Updated: 2025-12-05T09:27:15+09:00
- Original source: [github.com/liveloveapp](https://github.com/liveloveapp/hashbrown)
- Points: 13
- Comments: 0

## Summary

**Hashbrown**은 **AI가 직접 UI를 제어하고 코드를 생성**하는 새로운 형태의 **대화형 프론트엔드 프레임워크**입니다. Node 백엔드와 React·Angular 프런트엔드를 **스트리밍 기반 LLM SDK**로 연결해, 자연어 입력만으로 컴포넌트 렌더링·상태 변경·툴 호출까지 수행합니다. OpenAI, Gemini, Ollama 등 다양한 모델을 지원하며, “AI가 앱을 스스로 구성하는” 개발 경험을 실험적으로 제공합니다. 프롬프트 엔지니어링을 넘어 **UI 로직 자체를 언어 모델이 설계하는 시대**를 엿볼 수 있어, 차세대 AI 앱을 고민하는 개발자라면 꼭 살펴볼 만합니다.

## Topic Body

- **AI 기반 UI 개발을 단순화**하기 위해 설계된 오픈소스 프레임워크로, 사용자와 대화하고 스스로 재구성하며 코드까지 생성하는 **지능형 인터페이스 구현** 지원  
- **Node 백엔드용 LLM SDK 래퍼**와 **Angular·React 전용 패키지**로 구성되어, 자연어 입력을 기반으로 앱 전체를 동적으로 제어 가능  
- 텍스트 완성·구조화된 출력·컴포넌트 선택·툴 콜링·코드 생성 등 **앱 상태와 컴포넌트를 AI가 직접 제어하는 기능들**을 제공  
- Node 백엔드와 UI 간에는 스트리밍 기반으로 연결되며, `/chat` 같은 엔드포인트를 통해 **실시간 AI 반응형 UI**를 쉽게 구성할 수 있음  
- “Angular/React 스마트 홈”, “Angular 재무 분석” 등 여러 샘플 앱으로 **AI가 컴포넌트를 렌더링하고 차트를 구성하고 페이지를 설명하는 흐름**을 체험 가능  
- **지원 LLM 공급자**: OpenAI, Azure OpenAI, Ollama, Google Gemini, Writer  
  - 향후 **Anthropic**, **Vercel** 지원 예정  
- **다국어 입력·출력 지원**, 대부분의 언어를 처리 가능  
- MIT 라이선스

## Comments



_No public comments on this page._