nicobailon/visual-explainer

Agent skill that generates rich HTML pages or slide decks for diagrams, diff reviews, plan audits, data tables, and project recaps

해결하는 문제

터미널 기반 AI 에이전트에서 읽기 어려운 ASCII 아트와 등폭 글꼴 테이블을 스타일링된 자체 포함형 HTML 페이지로 대체합니다. 이는 복잡한 다이어그램, 아키텍처 흐름, 대규모 데이터 비교가 콘솔에서 일반 텍스트로 렌더링될 때 읽기 어려워지는 문제를 해결합니다.

작동 방식

텍스트 대신 HTML 출력을 생성하는 에이전트 기술로 작동합니다. 줌 및 팬이 가능한 인터랙티브 Mermaid 다이어그램, 다크/라이트 테마, 전문적인 타이포그래피를 지원합니다. 이 프로젝트는 Claude Code, Cursor, Pi 등의 다양한 AI 하모니케이션 플러그인으로 통합하거나, 로컬 stdio MCP(Model Context Protocol) 서버로 사용하여 에이전트에 렌더링 도구를 제공할 수 있습니다.

대상 사용자

시스템 아키텍처 시각화, 코드 차이점 검토, 복잡한 요구사항 비교를 작업 흐름을 떠나지 않고 필요로 하는 개발자들입니다.

주요 특징

  • 다중 하모니케이션 지원: Claude Code, Cursor, Pi, Antigravity CLI, Codex CLI, OpenCode와 호환됩니다.
  • 인터랙티브 시각화: 줌 및 팬이 가능한 Mermaid를 사용한 다이어그램.
  • MCP 통합: HTML 렌더링 및 빠른 JSON 사양을 제공하는 로컬 MCP 서버 제공.
  • 빌드 단계 없음: 기본 기능 사용에는 빌드 프로세스가 필요 없으며, 보기만 웹 브라우저가 필요합니다.

관련

  • 프로젝트
    lessweb/deepcode-cli

    Deep Code CLI is a Node‑based terminal assistant tuned for DeepSeek‑v4 models. Install via `npm i -g @vegamo/deepcode-cli`, configure it with `~/.deepcode/settings.json`, and use slash commands (e.g., `/new`, `/model`, `/skills`) to chat, run custom agent skills, handle images, connect to external services via MCP, and control permissions. It shares settings with a VS Code plugin and supports notifications, web‑search scripts, and any OpenAI‑compatible endpoint.

  • 프로젝트
    VigoZhao/AI-Visual-Prompt-Cookbook

    AI 이미지 생성을 위한 116개의 JSON 기반 시각적 프롬프트 템플릿을 수록한 컬렉션. 각 스타일은 재사용 가능한 프롬프트, 플레이스홀더, 충실도 앵커, 부정적 프롬프트, 미리보기 이미지를 포함. 사용자는 `style.json`을 다중 모달 LLM(ChatGPT‑4‑Vision, Gemini‑Pro‑Image 등)에 복사하고 변수를 채워 일관된 포스터 스타일 이미지를 생성. 검증 스크립트, 다국어 문서, 온라인 갤러리 포함.

  • 프로젝트
    NomaDamas/slides-grab

    slides‑grab은 AI 에이전트가 HTML 슬라이드 데크를 생성하고, 시각적으로 선택하며, 재작성한 후 PDF, 실험적 PPTX, Figma 형식으로 내보낼 수 있는 Node 기반 CLI 및 브라우저 에디터입니다. 95가지 디자인 스타일을 포함하고, Codex/OpenAI/Gemini 제공자로 이미지 네이티브 슬라이드를 지원하며, 검증, 동영상 다운로드, tldraw에서 SVG로 변환하는 유틸리티도 제공합니다. Node ≥ 20 및 Playwright 필요. MIT 라이선스.

  • 프로젝트
    ConardLi/easy-agent

    Easy Agent는 터미널 기반, TypeScript로 작성된 코딩 어시스턴트로, Claude, OpenAI, Gemini, Ollama 및 기타 LLM과 스트리밍 채팅을 가능하게 하며, 모델이 파일 읽기/쓰기, 쉘 명령 실행, 웹 탐색, 플러그인 및 멀티에이전트 팀을 통해 확장할 수 있도록 합니다. 릴리스 후보 단계에 있으며, npm 게시를 기다리고 있습니다.

  • 프로젝트
    JimLiu/baoyu-design

    baoyu-design은 Claude Design을 로컬 에이전트 스킬로 패키지화하여 Cursor, Claude Code, Codex 등의 에이전트에서 모크업, 프로토타입, 디크, 디자인 시스템 가져오기, Figma .fig 디코딩, PPTX 내보내기 등 완전한 기능의 UI/UX 디자인을 직접 수행할 수 있게 합니다. 모든 아티팩트는 리포지토리 내에 자기 포함형 HTML로 저장됩니다.