BlueCL사업 설명
생성 워크플로는 입력한 사업 설명을 설정된 모델 제공자에게 전송합니다.
Web Vending Machine / 생성형 웹사이트
사업 설명에서, 편집 가능한 웹사이트로.
Web Vending Machine은 사업 설명, 구조화된 웹사이트 생성, 시각 편집과 사이트 저장을 연결하는 개발 완료된 애플리케이션입니다.
개발 완료
세 단계로 시작
시작에서, 사용 가능한 결과까지.
- 01
사업 설명하기
사업 콘텐츠와 페이지의 방향을 입력합니다.
- 02
초안 생성하기
백엔드가 구조화된 모델 응답을 페이지 항목에 연결합니다.
- 03
직접 편집하기
Puck 편집기에서 내용을 검토하고 수정·저장합니다.
PRODUCT / IN VIEW
화면으로 보는 제품.
제품 화면을 살펴보고 위 링크에서 서비스, 소스 코드 또는 시연을 확인하세요. 이미지를 선택하면 크게 볼 수 있습니다.
처음 시작한다면
프로젝트에 맞게 시작하세요.
이용과 설정
- 저장소의 프런트엔드와 백엔드 설정 안내를 확인합니다.
- 환경에 맞는 모델 제공자와 사이트 저장을 설정합니다.
- 작은 초안을 생성한 뒤 시각 편집기에서 다듬습니다.
권한과 데이터
어떤 데이터를 사용하는지 확인하세요.
편집과 저장
앱이 편집 가능한 사이트 데이터를 저장해 생성된 초안을 검토하고 수정할 수 있게 합니다.
이 안내는 제품 사용 흐름을 설명합니다. BlueCL 웹사이트 개인정보처리방침은 회사 소개 웹사이트에 적용되며 실제 서비스의 데이터 처리는 해당 서비스 문서를 확인하세요. 웹사이트 개인정보처리방침 ↗
제품을 만드는 구조
제품이 동작하는 구조.
웹사이트 제작에는 문구 작성, 시각 방향 선택, 섹션 조립과 결과 수정이 함께 필요합니다. 생성된 글을 사용자가 계속 다듬을 수 있는 페이지에 연결해야 실제 제작 흐름에 도움이 됩니다.
01사업 설명구조화된 콘텐츠 요구사항
02생성 백엔드현재 OpenAI Responses API
03편집 가능한 템플릿구조화 필드 → Puck 컴포넌트
04사이트 저장시각 편집 → 페이지 데이터 저장
모델 연동
FastAPI 생성 경로는 OpenAI Responses API로 구조화된 콘텐츠를 요청합니다. 검증된 응답을 React Puck 편집기가 사용하는 페이지 항목에 연결합니다.
세부 구현 살펴보기
Python 쇼핑 서비스는 프롬프트와 응답 스키마를 구성하고 템플릿 결과를 캐시하며, 지정된 오류에는 대체 모델을 시도합니다. 편집기는 저장된 AI 응답으로 컴포넌트 데이터를 재구성하거나 기존 Puck 데이터를 불러옵니다. Claude 제공자를 추가하면 같은 검증·편집기 연결 앞의 생성 백엔드에 위치합니다.
이후 개선 방향
Claude 제공자 어댑터를 추가하고 같은 사업 설명을 기준으로 스키마 준수와 편집 가능한 콘텐츠 품질을 비교합니다.
막혔을 때
자주 묻는 질문.
생성된 초안을 수정할 수 있나요?
네. 구현된 워크플로에 Puck 편집기가 포함되어 있습니다.
생성 요청에는 무엇을 입력하나요?
사업 내용, 필요한 콘텐츠와 시각적 방향을 설명합니다. 생성 결과는 편집 가능한 페이지 항목에 연결됩니다.
공개 호스팅 버전이 있나요?
소스 저장소를 연결했습니다. 공개 서비스 주소는 아직 등록하지 않았습니다.
제품 · 소스 정보 정리: 2026년 10월 8일