크라우니AI 메인페이지 리뉴얼 (crowny.org)

개요

crowny.org 메인페이지를 크라우니AI 3에이전트 시스템으로 리뉴얼. Claude GUI 스타일 + 크라우니디자인표준2026(흑단+황동) 적용.

작업 내용

1차: HTML/CSS/JS (Claude GUI 스타일)

index.html: 사이드바+채팅 레이아웃, Claude GUI와 동일한 UX

사이드바: 대화 목록, 새 대화 버튼, 날짜별 그룹

상단바: 3 에이전트 탭 (프렌즈/집사/기술자)

환영 화면: 에이전트 카드 3장 + 추천 프롬프트

채팅: 마크다운 렌더링, 스트리밍 응답, 타이핑 인디케이터

입력: 자동 높이 조절 textarea, 키보드 단축키

디자인 토큰: 흑단(#08080a) + 황동(#C9A961), 6대 원칙 준수

대화 저장: localStorage 기반 대화 관리

2차: 서버 (Anthropic API 3모델 연동)

server.js: SSE 스트리밍 프록시

POST /api/chat → Anthropic API 스트리밍 → 클라이언트 SSE

GET /api/agents → 에이전트 정보

에러 핸들링: API 상태코드 체크, 에러 메시지 전달

3차: 한선씨 변환

크라우니AI.한선: 전체 GUI를 한선씨로 표현 (고수준 모드)

디자인 토큰 → 한선씨 변수

CSS 생성 → 8개 함수 (변수/기본/사이드바/상단바/환영/채팅/입력/반응형)

HTML 생성 → 5개 함수 (헤더/사이드바/메인/환영/채팅영역)

JS 생성 → 6개 함수 (상태/사이드바/에이전트/대화관리/메시지/API)

서버 → TCP 기반 라우팅, curl 프록시

컴파일: 1154 토큰 → 63,535 큐브 → 1.7MB TOAU

4차: 크라우니코드 연동

• 5개 패턴 학습 등록: 웹서버, CSS생성, HTML생성, 에이전트라우팅, JS클라이언트

3 에이전트 시스템

에이전트	모델	역할	과금
크라우니프렌즈	Haiku 4.5	꿈/목표/기질 찾기 — 친구/상담자	무료
크라우니집사	Sonnet 4.6	업무 처리 — 문서/분석/코딩	유료
크라우니기술자	Opus 4.6	기능 설계/아키텍팅 — 한선씨/생태계	유료

관련 파일

• /Users/ef/crowny-ai/public/index.html — 메인 페이지
• /Users/ef/crowny-ai/server.js — Node.js 서버 (SSE 스트리밍)
• /Users/ef/crowny-ai/크라우니AI.한선 — 한선씨 풀스택 버전
• /tmp/crowny-ai.toau — 컴파일된 TOAU 바이너리

5차: 동적 지식 주입 시스템 (검증 완료)

knowledge/ 디렉토리: 6개 KB 파일 (총 8,728 바이트, 290줄)

services.txt — 116개 서비스 (포트/도메인/카테고리)

hanseon.txt — 한선씨 222 내장함수, 문법, 빌드

selcore.txt — 27슬롯 셀, 규칙엔진, 인식 4상태

isa729.txt — 489 opcode, TOAU, 큐브 구조

crownycode.txt — 3레이어, Quadcode, 패턴DB

design.txt — 디자인표준2026, 6대원칙, 32 API

토픽 자동 감지: 메시지 키워드 → 6개 토픽 카테고리 매칭

동적 주입: 에이전트 기본 토픽 + 대화 토픽 병합 → 시스템 프롬프트에 주입

디버그 API: GET /api/knowledge?topics=hanseon,selcore

모델 ID 수정: claude-opus-4-6, claude-sonnet-4-6 (datetagless)

검증 결과 (2026-05-19)

에이전트	모델	API	지식 정확성
프렌즈	Haiku 4.5	✓	서비스 포트번호까지 정확 추천
집사	Sonnet 4.6	✓	한선씨 TCP 내장함수 정확 사용
기술자	Opus 4.6	✓	셀코어+ISA729+한선씨 통합 아키텍처

관련 파일

• /Users/ef/crowny-ai/public/index.html — 메인 페이지
• /Users/ef/crowny-ai/server.js — Node.js 서버 (SSE + 지식 주입)
• /Users/ef/crowny-ai/knowledge/ — 6개 KB 파일
• /Users/ef/crowny-ai/크라우니AI.한선 — 한선씨 풀스택 버전
• /tmp/crowny-ai.toau — 컴파일된 TOAU 바이너리

잔여 이슈

• 한선씨 서버는 TCP 단일 스레드 → 동시 접속 처리 한계
• 대화 서버 저장 (현재 localStorage만)
• 한선씨 버전에 지식 주입 시스템 미반영 (server.js에만 구현)