Aryanutkarsh/SeeCode

해결하는 문제

SeeCode는 평이한 언어로 된 설명(사양)을 고품질의 애니메이션 및 인터랙티브 다이어그램으로 변환합니다. 사용자가 AI 에이전트를 통해 보고 싶은 내용을 설명하면, 아키텍처, 데이터 흐름, 프로세스 다이어그램을 수동으로 그리는 수고를 없앱니다.

작동 방식

사용자는 평이한 언어로 된 짧은 사양을 AI 에이전트(예: Claude Code 또는 Cursor)에 제공합니다. SeeCode는 이 사양을 처리하여 자체 포함된 HTML 파일을 생성합니다. 이 파일에는 에디터 품질의 다이어그램이 포함되어 있으며, 애니메이션화하거나 호버로 연결을 추적하거나 클릭으로 특정 노드에 초점을 맞추는 등의 상호 작용을 통해 탐색하고 다양한 형식으로 내보낼 수 있습니다.

대상 사용자

복잡한 시스템, 프로세스 또는 물리적 객체를 시각적 표현으로 전달해야 하지만 수동으로 그리기 원하지 않는 엔지니어, 아키텍트 및 비엔지니어를 위해 설계되었습니다.

주요 기능

• 45개 이상의 다이어그램 유형: 아키텍처, 시퀀스, ER/데이터 모델, 순서도, 상태 머신, 간트 차트, 생키 다이어그램 등 광범위한 비주얼을 지원합니다.
• 등각 투영 3D 드로잉: 평이한 설명(예: 사무용 의자 또는 서버 랙)에서 등각 투영 객체, 분해도, 등각 투영 평면도를 생성할 수 있습니다.
• 인터랙티브 HTML: 호버 추적 및 클릭 시 세부 패널 포커스를 지원하는 단일 파일 HTML 다이어그램을 생성합니다.
• 다중 형식 내보내기: SVG, PNG, GIF 또는 MP4로 내보낼 수 있습니다.
• 에이전트 통합: Claude Code, Cursor 및 Codex와 같은 AI 에이전트를 위한 스킬/플러그인으로 통합됩니다.