fx0은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

fx0은(는) Apache-2.0 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

fx0은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. fx0의 마지막 커밋은 2026년 10월 19일입니다.

fx0은(는) 어디에 사용할 수 있나요?

작성한 브리프를 바탕으로 랜딩 페이지나 마케팅 페이지를 프로토타이핑하는 경우 공유하거나 미리 볼 수 있는 단일 파일 HTML 목업을 생성하는 경우 libfx 기반 에이전트 앱의 구조를 살펴보는 경우

fx0는 어떻게 설치하나요?

호스팅된 앱을 fx0.vercel.dev에서 사용해 보거나 저장소를 clone하세요 Node.js 24를 설치하고 Sign in with Vercel 앱, Neon Postgres 데이터베이스, Upstash Redis 데이터베이스를 설정하세요 `.env.example`을 `.env.local`로 복사하고 값을 입력하세요

fx0은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/vercel-labs/fx0

vercel-labs/fx0

libfx 에이전트 라이브러리를 기반으로, 텍스트 설명만으로 웹 페이지 전체를 HTML 파일 하나로 작성하는 오픈소스 디자인 에이전트입니다.

GitHub에서 보기 웹사이트

스타: 121
포크: 24
열린 이슈: 2
마지막 커밋: 15시간 전

어떤 프로젝트인가요?

fx0는 디자인 에이전트입니다. 채팅으로 페이지를 설명하면 에이전트가 HTML 파일 하나로 페이지를 작성하며, 실시간 미리보기와 다시 열거나 복사하거나 다운로드할 수 있는 모든 디자인 버전의 기록을 제공합니다. 사용자는 기본 제공되는 design.md 스타일 10개 중 하나를 선택하거나 직접 업로드할 수 있고, 채팅마다 사용할 모델도 고를 수 있습니다.

fx0는 기반 라이브러리인 libfx를 보여주는 레퍼런스 앱이기도 합니다. 에이전트 루프, 스트리밍, 도구 호출, 재시도, 지속성 있는 세션은 createFxAgent() 호출 한 번으로 처리되며, 각 하위 에이전트는 createFxEngine()을 통해 실행됩니다. 각 턴을 단계별로 저장하고 Vercel Queues에서 이어서 처리하므로, 응답 도중 함수가 오류로 종료되어도 채팅 내용을 유지할 수 있습니다.

이 프로젝트를 실행하려면 Node.js 24, Sign in with Vercel 앱, Neon Postgres 데이터베이스, Upstash Redis 데이터베이스가 필요합니다. 생성된 페이지는 네트워크 요청을 차단하는 Content Security Policy가 적용된 샌드박스 iframe에서 실행됩니다.

핵심 기능

01텍스트 설명을 바탕으로 완성된 페이지를 HTML 파일 하나로 생성합니다
02모든 디자인 버전을 보관해 다시 열거나 복사하거나 다운로드할 수 있습니다
03채팅마다 모델, 추론 강도, fast mode를 선택할 수 있습니다
04참고 자료를 찾기 위해 웹을 검색하고 페이지를 가져올 수 있습니다
05서버 함수가 오류로 종료되면 마지막으로 저장된 단계부터 턴을 이어서 처리합니다
06기본 제공되는 design.md 스타일 10개를 지원하며 직접 업로드할 수도 있습니다

활용 사례

작성한 브리프를 바탕으로 랜딩 페이지나 마케팅 페이지를 프로토타이핑하는 경우
공유하거나 미리 볼 수 있는 단일 파일 HTML 목업을 생성하는 경우
libfx 기반 에이전트 앱의 구조를 살펴보는 경우

빠른 시작

1
호스팅된 앱을 fx0.vercel.dev에서 사용해 보거나 저장소를 clone하세요
2
Node.js 24를 설치하고 Sign in with Vercel 앱, Neon Postgres 데이터베이스, Upstash Redis 데이터베이스를 설정하세요
3
`.env.example`을 `.env.local`로 복사하고 값을 입력하세요

사용 전 알아둘 점

직접 실행하려면 Node.js 24와 세 가지 외부 서비스(Sign in with Vercel, Neon Postgres, Upstash Redis)가 필요합니다.
Durable turns는 Vercel 인프라(Workflow, Queues, AI Gateway)에 의존하므로 전체 설정에 Vercel이 필요합니다.

토픽

#ai-agent #design #html #llm #libfx #vercel #typescript #prototyping

자주 묻는 질문

fx0은(는) 무엇인가요?: libfx 에이전트 라이브러리를 기반으로, 텍스트 설명만으로 웹 페이지 전체를 HTML 파일 하나로 작성하는 오픈소스 디자인 에이전트입니다. fx0는 디자인 에이전트입니다. 채팅으로 페이지를 설명하면 에이전트가 HTML 파일 하나로 페이지를 작성하며, 실시간 미리보기와 다시 열거나 복사하거나 다운로드할 수 있는 모든 디자인 버전의 기록을 제공합니다. 사용자는 기본 제공되는 design.md 스타일 10개 중 하나를 선택하거나 직접 업로드할 수 있고, 채팅마다 사용할 모델도 고를 수 있습니다.
fx0은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?: fx0은(는) Apache-2.0 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
fx0은(는) 아직 유지보수되고 있나요?: 활발히 유지보수 중. fx0의 마지막 커밋은 2026년 10월 19일입니다.
fx0은(는) 어디에 사용할 수 있나요?: 작성한 브리프를 바탕으로 랜딩 페이지나 마케팅 페이지를 프로토타이핑하는 경우 공유하거나 미리 볼 수 있는 단일 파일 HTML 목업을 생성하는 경우 libfx 기반 에이전트 앱의 구조를 살펴보는 경우
fx0는 어떻게 설치하나요?: 호스팅된 앱을 fx0.vercel.dev에서 사용해 보거나 저장소를 clone하세요 Node.js 24를 설치하고 Sign in with Vercel 앱, Neon Postgres 데이터베이스, Upstash Redis 데이터베이스를 설정하세요 `.env.example`을 `.env.local`로 복사하고 값을 입력하세요
fx0은(는) 어디서 받을 수 있나요?: 소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/vercel-labs/fx0

요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.