01. 무엇을 만들까요?
IDEA → SOURCE원하는 화면을 자연스럽게 설명하세요. Ollama는 JSON 설계만 작성하고, 검증된 웹 엔진이 HTML·CSS·JavaScript 코드를 생성합니다.
요청문을 선택해 편집한 뒤 AI에 전송
AI CODE STUDIO · QWEN / JSON DESIGN
AI 설계 → 웹 엔진 HTML 생성
AI는 화면 종류·수치·차트 구성을 JSON으로 정리합니다. 아래의 자체 엔진이 안전한 단일 HTML 파일을 만들고 오른쪽에서 실행합니다.
사용 모델: Qwen 2.5 Coder · 1.5B · 연결: Flask 웹 → Tailscale → AI PC
01. 기본 예제 편집
EXAMPLE → SOURCE왼쪽에서 선택한 예제의 수치와 문구를 변경하면 결과에 반영됩니다.
예제 42종 · AI 없이 즉시 실행
입력 데이터
숫자·제목 편집값을 바꾸면 자동 반영됩니다.
예제 설명을 수정해 Ollama에 요청
자체 HTML 엔진 설계 JSON · 고급 편집
AI 코드 생성 안내
위에 원하는 화면을 입력하고 ‘AI로 새 HTML 생성’을 누르세요. 생성 과정과 결과를 이곳에서 확인할 수 있습니다.
JSON 화면 설계 확인 · 직접 수정 가능
02. 자체 엔진이 만든 HTML 코드
0줄index.html · HTML + CSS + JavaScriptUTF-8
코드를 직접 수정한 뒤 실행하세요. 단축키: Ctrl + Enter 실행, Tab 들여쓰기.
03. 실시간 실행 결과
오른쪽 화면은 실제 HTML을 격리된 브라우저 영역에서 실행한 결과입니다.
예제를 선택하면 바로 실행됩니다.