c4

문서다이어그램me2resh/apexyard

프로젝트 코드베이스를 읽어 외부 액터와 시스템 경계, 컨테이너 구성을 추려 C4 L1(시스템 컨텍스트)과 L2(컨테이너) 다이어그램을 Mermaid 마크다운으로 채워 줍니다. 생성 전에 감지된 목록을 보여 주고 확인을 받으며, 기존 다이어그램은 명시적 옵션 없이는 덮어쓰지 않습니다. 옵션을 주면 L3까지 표현할 수 있는 Structurizr DSL 작업 공간 파일을 만들 수 있습니다.

이럴 때 쓰세요 아키텍처가 크게 바뀌어 흩어진 다이어그램을 최신 구조로 다시 그려야 할 때

아키텍처 다이어그램 작성C4 모델 문서화시스템 구조 정리
GitHub에서 보기SKILL.md 원문

설치 전에 확인하세요

AI가 SKILL.md에서 스크립트·프로그램 실행과 외부 네트워크 접속 내용을 찾았습니다. 설치 전에 원문을 확인하세요.

GitHub 기록

저장소 스타
542
저장소 업데이트
2026.11.04
라이선스
MIT
SKILL.md 경로
.claude/skills/c4/SKILL.md
스크립트 파일
있음

AI가 SKILL.md를 읽고 판단

코드 실행
있음
네트워크 접속
있음
계정·API 키
확인되지 않음
난이도
중급
직군
개발자, 기획자·PM

확인되지 않음은 AI가 SKILL.md에서 찾지 못했다는 뜻입니다. 없다는 보장은 아닙니다.

설치

터미널에 붙여 넣어 실행하세요. macOS와 Linux 기준이며 git이 필요합니다. Windows에서는 PowerShell이 아니라 Git Bash에서 실행하세요. 저장소를 임시로 내려받아 스킬 폴더만 복사합니다.

모든 프로젝트에서 쓰기

tmp=$(mktemp -d) && git clone --depth 1 https://github.com/me2resh/apexyard.git "$tmp"
mkdir -p "$HOME/.claude/skills"/c4
cp -R "$tmp"/.claude/skills/c4/. "$HOME/.claude/skills"/c4/
rm -rf "$tmp"

현재 프로젝트에서만 쓰기

먼저 터미널에서 프로젝트 폴더로 이동하세요.

tmp=$(mktemp -d) && git clone --depth 1 https://github.com/me2resh/apexyard.git "$tmp"
mkdir -p .claude/skills/c4
cp -R "$tmp"/.claude/skills/c4/. .claude/skills/c4/
rm -rf "$tmp"

설치한 뒤 Claude Code에서 새 세션을 시작하세요. '이럴 때 쓰세요'에 적힌 일을 요청하면 에이전트가 스킬을 불러옵니다. 스킬은 ~/.claude/skills/c4에 있습니다. 프로젝트에 설치했다면 .claude/skills/c4에 있습니다.

같은 분류의 스킬

  1. 문서

    archify

    다이어그램 tt-a1i/archify

    요구사항이나 Mermaid 입력을 바탕으로 아키텍처, 워크플로, 시퀀스, ERD, 타임라인 등 다이어그램을 만들어 독립 실행형 HTML 파일로 저장합니다. 저장소 코드를 근거로 그린 다이어그램도 만들 수 있고, 결론과 구조를 담은 한 장짜리 설명 페이지도 만들 수 있습니다. 생성 후에는 검사 단계를 거쳐 결과를 확인합니다.

    시스템 구조, API 호출 흐름, 데이터베이스 스키마를 그림으로 정리해 공유해야 할 때

    업데이트 2026.11.03 9.3만
  2. 문서

    diagram-design

    다이어그램 cathrynlavery/diagram-design

    시스템 구조, 흐름도, 시퀀스, ER 모델, 간트 차트 등 45가지 도식을 한 개의 독립형 HTML 파일로 만들어 줍니다. 브랜드 스타일 가이드를 먼저 확인하고, 다이어그램 종류와 크기를 정한 뒤 SVG로 그립니다. draw.io, Mermaid, Excalidraw 파일을 가져와 다시 그리는 기능과 PNG·SVG 내보내기도 포함합니다.

    기존 draw.io나 Mermaid 아키텍처 그림을 블로그 게시용으로 깔끔하게 다시 그려야 할 때

    업데이트 2026.11.03 6.5만
  3. 문서

    slides

    프레젠테이션 nextlevelbuilder/ui-ux-pro-max-skill

    Chart.js 차트와 디자인 토큰을 활용해 반응형 HTML 프레임으로 발표 슬라이드를 만들어 줍니다. 주제와 슬라이드 수를 주면 레이아웃 패턴과 카피라이팅 공식을 참고해 상황에 맞는 슬라이드 구성을 제안하고, 데이터가 있는 장표는 차트로 정리합니다. 결과물은 브라우저에서 바로 열어 볼 수 있는 HTML 파일입니다.

    마케팅 제안서나 투자 피치 덱을 데이터 차트가 들어간 HTML 발표 자료로 만들어야 할 때

    업데이트 2026.11.04 14.5만
  4. 문서

    officecli

    워드·엑셀 iOfficeAI/OfficeCLI

    Word, Excel, PowerPoint 파일(.docx, .xlsx, .pptx)을 만들고, 내용과 서식을 읽어 문제를 찾고, 표·차트·텍스트를 추가하거나 고치는 명령줄 도구 사용 절차를 안내합니다. 파일 구조를 먼저 확인한 뒤 필요한 수정을 단계별로 적용하며, 결과는 JSON으로 받을 수 있습니다. 설치가 안 되어 있으면 설치 명령부터 안내합니다.

    Office 파일의 서식 문제를 찾아 고치거나 차트와 표를 추가해 보고서나 발표 자료를 정리해야 할 때

    업데이트 2026.10.30 3.3만