yizhiyanhua-ai/fireworks-tech-graph

Generate production-quality SVG+PNG technical diagrams from natural language. 7 styles, UML support, and AI/Agent workflow patterns.

해결하는 문제

fireworks-tech-graph는 수동 다이어그램 작성의 필요성을 제거하기 위해 설계된 에이전트 기술입니다. 사용자는 자연어(영어 또는 중국어)로 기술 시스템을 설명하고, 자동으로 정교하고 기하학적으로 검증된 기술 다이어그램(SVG, PNG, 인터랙티브 HTML 형식)과 의미론적 애니메이션 GIF를 생성할 수 있습니다.

작동 방식

이 도구는 고품질 출력을 보장하기 위해 에이전트 기반 검증 루프를 사용합니다. 단일 생성 단계에 의존하지 않고, 다음과 같은 다단계 프로세스를 따릅니다:

  1. 의미론적 IR 생성: 자연어 설명을 버전 관리된 중간 표현(IR)으로 변환합니다.
  2. 구조 검증: XML 무결성, 경로 기하학, 화살표 충돌을 확인합니다.
  3. 렌더링: SVG 및 고해상도 PNG를 생성합니다.
  4. 시각적 리드백: 내보낸 PNG에서 잘림, 레이블 충돌, 루팅 품질을 검사합니다.
  5. 대상 수정: 검증 결과를 바탕으로 집중적인 수정을 수행한 후 최종 검증된 자산을 제공합니다.

대상 사용자

주로 AI 에이전트(Codex 및 Claude Code 등)를 사용하여 시스템 아키텍처, 클라우드 배포, 이벤트 스트림, UML 다이어그램 등을 문서화하는 개발자, 아키텍트, 기술 작가를 위한 것입니다.

주요 기능

  • 12가지 시각 스타일: 11가지 생성기 기반 프로파일과 AI가 작성한 '다크 럭셔리' 스타일을 포함합니다.
  • 포괄적인 다이어그램 유형: 14가지 UML 다이어그램 유형과 AI/에이전트 도메인 전용 패턴(예: RAG, 멀티에이전트, Mem0)을 완전 지원합니다.
  • 기하학적으로 안전한 루팅: 결정론적 직교 경로를 보장하며, 교차 없음, 최소한의 굴곡, 검증된 간격을 제공합니다.
  • 의미론적 애니메이션: 연결선이 특정 의미론적 순서로 그려지는 검증된 SVG에서 GIF로의 애니메이션을 생성합니다.
  • 엔지니어링 계약: C4 리뷰, 다중 리전 배포, 신뢰성 펄스와 같은 특정 시나리오에 엄격한 규칙을 적용합니다.
  • 통합 내보내기: SVG, 1920px PNG, 패닝/줌 및 테마 전환 기능을 갖춘 오프라인 인터랙티브 HTML을 지원합니다.

관련

  • 프로젝트
  • 프로젝트
  • 프로젝트
  • 프로젝트