본문으로 건너뛰기

트렌딩 - GitHub 인기 레포 & HuggingFace 모델

tw93/Kami

HTML5 / 0

Claude Code와 Codex에서 전문 문서를 만드는 디자인 시스템 skill

TL;DR

Kami는 Claude Code skill과 Codex plugin으로 동작하는 AI 문서 제작 도구로, 자연어 요청을 이력서·보고서·레터·포트폴리오·슬라이드·랜딩 페이지로 변환한다. 8개 문서 템플릿과 18개 inline SVG 다이어그램, WeasyPrint·python-pptx·Marp 렌더링 경로를 제공하며, 고정된 색상·타이포그래피·여백 규칙으로 결과물의 일관성을 유지한다. 콘텐츠 schema와 fact coverage check, 시각 검수, MCP server까지 포함해 반복적인 문서 생성 파이프라인에 적합하지만, 기본 사용 대상이 Claude Code·Codex·MCP 지원 agent라는 점은 도입 전에 확인해야 한다.

핵심 포인트

  • Kami는 독립 실행형 앱이 아니라 Claude Code와 Codex에서 쓰는 AI 문서 제작 skill·plugin이다. 자연어 요청을 받아 원페이저, 장문 문서, 레터, 포트폴리오, 이력서, 슬라이드, Equity Report, Changelog와 랜딩 페이지를 생성한다. 일반 agent는 `npx skills add`로 경량 skill bundle을 설치할 수 있어 문서 자동화 흐름에 바로 연결된다.
  • Kami는 매번 달라지는 AI 문서의 레이아웃을 따뜻한 양피지 배경 `#f5f4ed`, 단일 잉크 블루 `#1B365D`, serif 계층 구조로 제한한다. 입력 언어에 따라 English의 Charter, Chinese의 TsangerJinKai02, Japanese의 YuMincho, Korean의 Source Han Serif K를 선택한다. 디자인 자유도를 줄이는 대신 인쇄물과 보고서에서 일관된 시각 결과를 얻는 구조이다.
  • 문서 생성은 템플릿 선택, 내용 배치, PDF·HTML 출력의 흐름으로 진행되며 WeasyPrint HTML-to-PDF가 기본 경로이다. 요청에 따라 python-pptx 기반 편집 가능 PPTX나 Marp 기반 Markdown 슬라이드로 전환할 수 있고, Mermaid 텍스트는 `beautiful-mermaid`와 `mermaid_normalize.py`를 거쳐 Kami 팔레트의 SVG로 바뀐다. 콘텐츠 schema, structured brief, fact coverage check, 시각 검수로 입력 사실과 페이지 품질을 단계별로 확인한다.
  • MCP server인 `scripts/mcp_server.py`는 capability diagnosis, render, structured check, screenshot 도구를 외부 MCP 지원 agent에 노출한다. 서버는 별도 의존성 없이 동작하지만 렌더링 과정에서 신뢰할 수 있는 로컬 HTML과 MCP 프로세스 권한으로 접근 가능한 HTTP·HTTPS 리소스를 사용한다. 따라서 단순 문서 생성 skill을 넘어 자체 agent 파이프라인에서 호출하는 렌더링 엔진으로도 활용할 수 있다.

이미지 분석

Elon Musk의 경력과 기업별 성과를 두 페이지 이력서 형식으로 정리한 영문 문서 미리보기이다.
상단에 이름과 직함, 경력 기간과 기업 수를 수치로 배치하고, 아래에서 SpaceX·Tesla·xAI·Neuralink의 역할·행동·영향을 짧은 행 단위로 정리한다. 긴 경력 정보를 세 개의 타임라인 열과 반복되는 기업 블록으로 압축해 이력서와 투자자용 프로필에 적용할 수 있는 Kami의 정보 구조를 확인할 수 있다.
Kami의 기능과 문서 제작 절차를 중국어로 정리한 흰색 배경의 한 페이지 인쇄 문서이다.
상단의 핵심 수치와 두 개의 원칙 영역 뒤에 요구 설명, 자동 선택, 레이아웃 채우기, PDF 전달의 네 단계를 가로로 배치한다. 넓은 여백, 얇은 구분선, 제한된 남색 강조와 코드 블록을 사용해 화면용 대시보드보다 인쇄용 문서에 맞춘 디자인 시스템을 구체적으로 확인할 수 있다.
Tesla Q1 2026 재무 평가를 중국어 본문, 가격 차트, 재무 표로 구성한 투자 분석 문서이다.
상단에 시가총액·선행 P/E·분기 매출·매출총이익률을 요약하고, 본문에서 투자 논리와 위험 요인을 연결한 뒤 캔들 차트와 FY2024·FY2025·Q1 2026 비교표를 배치한다. 수치 중심의 보고서에서 요약 지표, 서술형 판단, 시각 자료, 표를 한 페이지 흐름으로 묶는 Equity Report 템플릿의 활용 사례이다.
Agent Engineering을 주제로 한 영문 키노트 슬라이드의 표지와 에이전트 루프 구조 페이지이다.
표지에는 큰 serif 제목과 동심원 그래픽을 배치하고, 다음 페이지에서는 Plan·Act·Observe·Reflect를 순환 화살표로 연결해 20줄 코드의 핵심 루프와 주변 인프라를 대비한다. 넓은 여백과 단일 남색 선을 유지하면서 개념 설명과 구조 다이어그램을 결합한 Slides 템플릿의 결과를 확인할 수 있다.

10.8k

STARS

493

FORKS

+207

TRENDING

5

조회수

watchers 10.8kopen issues 3MIT License

관련 토론

아직 관련 토론이 없습니다.

댓글

댓글을 작성하려면 로그인이 필요합니다.