QingYunA/answer-me-with-html

어떤 프로젝트인가요?

핵심 기능

• 01Markdown 초안을 외부 의존성 없이 오프라인에서 사용할 수 있는 HTML 파일 하나로 렌더링합니다.
• 02플로 차트 레이아웃을 자동으로 구성하고, 시퀀스 다이어그램은 레이블 너비에 맞춰 간격을 조정합니다.
• 03blueprint, shadcn, paper 테마를 제공하며, 각 테마는 라이트 모드와 다크 모드를 지원합니다.
• 04체크 및 엑스 표시가 포함된 표, 소스 파일에서 인용한 코드, 차트를 지원합니다.
• 05브라우저에서 내보낼 수 있는 내레이션 포함 설명 동영상 페이지를 생성할 수 있습니다.

활용 사례

• 시퀀스 다이어그램과 상태 다이어그램으로 프로토콜이나 시스템 설계를 설명합니다.
• 폴더 트리와 호출 그래프를 활용해 코드베이스의 모듈들이 어떻게 연결되는지 보여줍니다.
• 데이터베이스 같은 기술 옵션을 읽기 쉬운 페이지 하나에서 비교합니다.
• 페이지에서 결정 항목에 답하고 응답을 에이전트에 붙여넣는 방식으로 계획이나 초안을 검토합니다.

빠른 시작

1. 1

   Node.js 20 이상을 설치하세요

2. 2

   Claude Code 플러그인을 설치하세요(Claude Code 내에서 실행)

   /plugin marketplace add QingYunA/answer-me-with-html
3. 3

   마켓플레이스에서 플러그인을 설치하세요

   /plugin install answer-me-with-html@answer-me-with-html
4. 4

   또는 skills installer를 사용해 원하는 에이전트에 설치하세요

   npx skills add QingYunA/answer-me-with-html

사용 전 알아둘 점

• !CLI와 skill을 사용하려면 Node.js 20 이상이 설치되어 있어야 합니다.
• !항상 켜짐 모드는 기본적으로 꺼져 있으며, 사용하려면 에이전트의 규칙 파일에 규칙을 추가해야 합니다.
• !업데이트는 수동으로 해야 합니다. CLI는 백그라운드에서 새 버전이 있는지만 확인합니다.

토픽

자주 묻는 질문

answer-me-with-html은(는) 무엇인가요?

AI 에이전트의 어려운 질문 답변을 다이어그램과 표를 갖춘 오프라인 HTML 페이지로 만드는 에이전트 스킬입니다. Answer me with HTML은 Claude Code, Codex, Cursor 같은 코딩 에이전트용 에이전트 스킬입니다. 질문에 한 단락 이상의 답변이 필요하면 에이전트가 짧은 Markdown 초안을 작성해 함께 제공되는 CLI에 전달하고, CLI는 자체 완결형 HTML 파일 하나로 렌더링합니다. CLI가 레이아웃, 테마, SVG 다이어그램, 플로 차트 배치를 처리하므로 모델은 콘텐츠 작성에만 집중하면 됩니다.

answer-me-with-html은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

answer-me-with-html은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

answer-me-with-html은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. answer-me-with-html의 마지막 커밋은 2026년 10월 20일입니다.

answer-me-with-html은(는) 어디에 사용할 수 있나요?

시퀀스 다이어그램과 상태 다이어그램으로 프로토콜이나 시스템 설계를 설명합니다. 폴더 트리와 호출 그래프를 활용해 코드베이스의 모듈들이 어떻게 연결되는지 보여줍니다. 데이터베이스 같은 기술 옵션을 읽기 쉬운 페이지 하나에서 비교합니다. 페이지에서 결정 항목에 답하고 응답을 에이전트에 붙여넣는 방식으로 계획이나 초안을 검토합니다.

answer-me-with-html는 어떻게 설치하나요?

Node.js 20 이상을 설치하세요 Claude Code 플러그인을 설치하세요(Claude Code 내에서 실행): /plugin marketplace add QingYunA/answer-me-with-html 마켓플레이스에서 플러그인을 설치하세요: /plugin install answer-me-with-html@answer-me-with-html 또는 skills installer를 사용해 원하는 에이전트에 설치하세요: npx skills add QingYunA/answer-me-with-html

answer-me-with-html은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/QingYunA/answer-me-with-html