Hatcher 아키텍처

Hatcher의 아키텍처는 우리의 핵심 철학을 구현하기 위해 의도적으로 설계되었습니다: 제어된 증폭. 모든 구성 요소와 기술 선택은 개발자를 확실히 제어 상태로 유지하는 결정론적이고 강력하며 확장 가능한 개발 환경을 만들려는 우리의 임무에 기여합니다.

아키텍처 원칙

• 설계상 결정론적: 시스템은 예측 가능하도록 엔지니어링되었습니다. 명확하고 검토 가능한 작업을 위해 "블랙박스"를 피합니다.
• 개발자가 제어: 개발자가 최종 권한을 갖습니다. 아키텍처는 그들의 의도를 대체하는 것이 아니라 증폭시키는 도구를 제공합니다.
• 모델 무관: 선도적인 모델에 최적화되어 있지만, 아키텍처는 여러 AI 엔진과 통합할 수 있는 범용 제어 평면으로 설계되었습니다.
• 오픈 코어: 핵심 클라이언트 사이드 IDE는 오픈소스(MIT)이며 항상 그럴 것입니다. 팀을 위한 가치는 별도의 클라우드 기반 서비스 위에 구축됩니다.

핵심 구성 요소

1. Visual-to-Code 브리지

Hatcher 혁신의 핵심입니다. 이 엔진은 렌더링된 UI에서의 상호작용(클릭, 드래그, 선택)을 추상 구문 트리(AST) 분석을 통해 소스 코드의 구조적 이해로 변환합니다. 시각적 의도와 코드 현실 사이의 실시간 동기화 엔진입니다.

2. AI 엔진 통합 (오케스트레이션 레이어)

이것은 애플리케이션의 중추 신경계입니다. 개발자로부터 의도를 받고, Playbooks 시스템에서 적절한 컨텍스트를 수집하며, 선택된 AI 엔진(Claude나 Gemini 같은)을 위한 정확한 프롬프트를 구성하고, 응답을 관리합니다. 범용적이고 모델 무관한 제어 평면 역할을 합니다.

3. Playbooks 시스템 (헌법적 컨텍스트 엔진)

컨텍스트 문제에 대한 우리의 해결책이자 상용 "Teams" 제품의 핵심입니다. 다음을 수행하는 독점적인 클라우드 기반 서비스입니다:

• 중앙 집중식 거버넌스 제공: 팀을 위한 버전관리된 "Playbooks"를 저장하고 제공합니다.
• 동적 컨텍스트 주입: 적절한 시기에 AI에게 올바른 아키텍처 규칙을 제공하여 Claude.md와 같은 정적 파일의 문제를 해결합니다.

기술 스택 근거

구성 요소	기술	선택 이유
데스크톱 셸	Electron	전문적인 IDE에 필요한 최고의 크로스 플랫폼 기능과 깊은 OS 통합을 제공합니다.
UI 프레임워크	Vue.js 3	Composition API와 반응성 모델이 복잡하고 상태가 있는 인터페이스 구축에 이상적입니다.
언어	TypeScript	이러한 복잡성의 프로젝트에 타협할 수 없는 타입 안전성과 확장성을 보장합니다.
Monorepo	Turborepo	멀티 패키지 아키텍처(클라이언트, 클라우드, 공유 라이브러리)를 효율적으로 관리할 수 있게 해줍니다.

보안 및 개인정보보호

보안과 신뢰는 Hatcher의 기본입니다.

• 로컬 우선: 모든 소스 코드는 로컬 머신에 남아 있습니다. 사용자가 시작한 특정 작업의 컨텍스트로만 AI 엔진에 전달됩니다.
• 코드 저장 없음: 우리는 서버에 여러분의 코드를 저장하지 않습니다. 클라우드 백엔드는 "Playbooks"와 사용자 계정만 관리합니다.
• 결정론적 제어: 전체 워크플로우는 투명하도록 설계되었습니다. AI가 제안하는 모든 변경사항을 적용되기 전에 볼 수 있어 예상치 못한 또는 악의적인 코드 수정을 제거합니다.