에이전트가 실제로 만들 수 있는 다이어그램Diagrams your agent can actually produce

Featured 영역에서는 이 스킬로 만든 여러 형태의 결과를 볼 수 있습니다. 이어지는 generated TypePack 카탈로그에서는 범위가 정해진 다이어그램 타입을 고르고 검증 근거를 확인할 수 있습니다.The Featured set shows the range of outputs made with this skill. The generated TypePack catalog under it is where you choose a bounded diagram type and inspect its evidence.

어떤 결과를 만들 수 있나요?What it can draw

서로 다른 형태를 보여 주는 기존 결과 여섯 가지입니다. 클라우드 토폴로지, 분기형 스윔레인, 의사결정 매트릭스, 중첩된 신뢰 경계, 변경 전후 비교, 스케치 표현을 골랐습니다. 이미지를 누르면 원본 크기로 볼 수 있습니다.Six existing outputs, chosen for how differently they are shaped — a cloud topology, a branching swimlane, a decision matrix, nested trust rings, a mirrored comparison and the sketch treatment. Click any one to see it full size.

source gatesource gates통과passTypePack receiptTypePack receipt없음none

한국어
클라우드 토폴로지 — zone, boundary와 경로가 정해진 connector (KO)
ENGLISH
Cloud topology — zones, boundaries and routed connectors (EN)
클라우드 토폴로지Cloud topologyzone, boundary와 경로가 정해진 connectorzones, boundaries and routed connectors
한국어
분기형 스윔레인 — 나뉘었다가 다시 합쳐지는 병렬 lane (KO)
ENGLISH
Branching swimlane — parallel lanes that rejoin (EN)
분기형 스윔레인Branching swimlane나뉘었다가 다시 합쳐지는 병렬 laneparallel lanes that rejoin
한국어
의사결정 매트릭스 — 두 개의 정성적 축 (KO)
ENGLISH
Decision matrix — two qualitative axes (EN)
의사결정 매트릭스Decision matrix두 개의 정성적 축two qualitative axes
한국어
중첩된 범위 — 겹겹이 놓인 신뢰 경계 (KO)
ENGLISH
Nested scope — concentric trust rings (EN)
중첩된 범위Nested scope겹겹이 놓인 신뢰 경계concentric trust rings
한국어
변경 전과 후 — 대칭 구조로 비교 (KO)
ENGLISH
Before and after — mirrored comparison (EN)
변경 전과 후Before and after대칭 구조로 비교mirrored comparison
한국어
스케치 표현 — 손글씨와 거친 선 (KO)
ENGLISH
Sketch treatment — handwriting and rough stroke (EN)
스케치 표현Sketch treatment손글씨와 거친 선handwriting and rough stroke

이 예제들은 TypePack receipt가 도입되기 전에 수작업으로 작성되었습니다. lint·layout·typography gate는 통과하지만 receipt는 없습니다. 그래서 receipt 항목을 생략하지 않고 none으로 표시합니다.These hand-authored examples predate TypePack receipts. They pass the lint, layout and typography gates, but have no receipt; that is why the receipt facet says none instead of disappearing.

결과를 맥락에 놓아보기Place the result in context

같은 이미지를 paper notebook, gallery wall, portrait monitor 템플릿에 각각 담아 보았습니다. 템플릿을 따로 고르지 않으면 paper notebook을 사용합니다. 이미지를 누르면 크게 볼 수 있습니다.Here is the same image presented with the paper notebook, gallery wall and portrait monitor templates. If you do not choose a template, paper notebook is used. Click an image to see it full size.

Paper notebook — 차분한 종이 질감과 projection 내부 기본 tilt / Paper notebook — quiet tactile framing with the opt-in default tilt
Paper notebookPaper notebook차분한 종이 질감과 projection 내부 기본 tiltquiet tactile framing with the opt-in default tilt
Portrait monitor — 작은 기울기를 가진 간결한 디지털 화면 맥락 / Portrait monitor — a compact digital display context with a mild angle
Portrait monitorPortrait monitor작은 기울기를 가진 간결한 디지털 화면 맥락a compact digital display context with a mild angle

이 템플릿 이미지는 원본 SVG와 PNG를 그대로 보존한 채 별도로 만들어집니다. 템플릿을 요청하지 않으면 원본 결과만 생성됩니다.These template versions are created separately while preserving the original SVG and PNG. If you do not request a template, only the original result is created.

기술 검증 근거Technical evidence

canonical paircanonical pair통과passprojection receiptprojection receipt통과pass

TypePack 고르기Choose a TypePack

최소 문법으로 정의한 아홉 가지 타입이 카탈로그의 회귀 검증 기준을 이룹니다. 각 카드에는 선택 기준과 한국어·영어 canonical 예제가 있습니다. 세부 정보를 열면 prompt, command template과 해당 타입이 더는 한 화면에 맞지 않는 경계를 확인할 수 있습니다.Nine minimum-syntax types form the catalog's regression baseline. Each card shows when to select the type and its Korean and English canonical example. Open the details for the prompt, command template and the point where that type stops fitting.

source gatesource gates통과passTypePack receiptTypePack receipt통과pass

18/18 TypePack canonical artifact가 현재 패키지 검증기를 통과합니다.TypePack canonical artifacts pass the current package verifier.

approval-gate

하나의 승인 gate 또는 checkpoint가 있는 단순 요청 경로에 사용합니다. 전체 sequence diagram은 범위에 포함하지 않습니다.A simple request path with one approval gate or checkpoint (a->b->c; a full sequence diagram is out of scope)

한국어
approval-gate — 요청은 승인 게이트를 지난다 (KO)
ENGLISH
approval-gate — Requests pass an approval gate (EN)
Prompt, command와 한계Prompt, command and limits

Canonical promptCanonical prompt

ko: 요청이 승인 게이트를 지나 반영되는 경로를 보여줘. 4:5.
en: A request passing an approval gate. 4:5.

Command templateCommand template

# from skills/svg-infographic/
node scripts/generate.mjs build --typepack approval-gate --case canonical \
  --locale ko --out OUT.svg --receipt OUT.json
node scripts/generate.mjs verify --receipt OUT.json --svg OUT.svg

Receipt 정보Receipt facts

profileprofileconstrained-layoutpresetpresetdocument-compacttreatmenttreatmentflatdeliverydeliveryportableentity 수entities4

선언된 stress scenarioDeclared stress scenarios

scenarioscenariopresetpreset예상 결과expected
stress-cardinalitypresentation-16x9fits
stress-copydocument-compactfits
stress-degradesocial-4x5needs-split

한 화면에 맞지 않는 경계Where it stops fitting

presetpreset개수count판정verdict
document-compact4needs-split
social-4x54needs-split
presentation-16x94fits

needs-split은 degrade receipt만 반환하고 artifact는 만들지 않습니다. 더 작게 렌더링한 성공 결과가 아니라 명시적인 non-success입니다.needs-split returns a degrade receipt and no artifact — a non-success, not a smaller render.

before-after

마이그레이션, 현대화, 리팩터링 결과나 trade-off를 변경 전과 후로 비교할 때 사용합니다.Before and after — migration, modernisation, refactor outcome, trade-off comparison

한국어
before-after — 자동화가 배포 시간을 줄였다 (KO)
ENGLISH
before-after — Automation cut the delivery time (EN)
Prompt, command와 한계Prompt, command and limits

Canonical promptCanonical prompt

ko: 마이그레이션 전후를 두 항목으로 비교해줘. 4:5.
en: Compare before and after across two slots. 4:5.

Command templateCommand template

# from skills/svg-infographic/
node scripts/generate.mjs build --typepack before-after --case canonical \
  --locale ko --out OUT.svg --receipt OUT.json
node scripts/generate.mjs verify --receipt OUT.json --svg OUT.svg

Receipt 정보Receipt facts

profileprofileconstrained-layoutpresetpresetdocument-compacttreatmenttreatmentflatdeliverydeliveryportableentity 수entities2

선언된 stress scenarioDeclared stress scenarios

scenarioscenariopresetpreset예상 결과expected
stress-cardinalitydocument-compactfits
stress-copydocument-compactfits

한 화면에 맞지 않는 경계Where it stops fitting

presetpreset개수count판정verdict
document-compact2fits
social-4x52fits
presentation-16x92fits

needs-split은 degrade receipt만 반환하고 artifact는 만들지 않습니다. 더 작게 렌더링한 성공 결과가 아니라 명시적인 non-success입니다.needs-split returns a degrade receipt and no artifact — a non-success, not a smaller render.

cards-kpi-grid

소수의 핵심 항목이나 수치를 같은 크기의 카드로 요약할 때 사용합니다. 기능, 원칙, 상태 수, capability 요약에는 맞지만 데이터 정확성을 주장하는 chart에는 맞지 않습니다.A few key items or figures summarised as equal cards (feature highlights, principles, status counts, capability summaries; not a chart claiming data accuracy)

한국어
cards-kpi-grid — 핵심 4가지를 한눈에 (KO)
ENGLISH
cards-kpi-grid — Four key points at a glance (EN)
Prompt, command와 한계Prompt, command and limits

Canonical promptCanonical prompt

ko: 핵심 4가지를 동등한 카드로 요약해줘. 소셜 포스트용 4:5 비율.
en: Summarise the four key points as equal cards, 4:5 social post.

Command templateCommand template

# from skills/svg-infographic/
node scripts/generate.mjs build --typepack cards-kpi-grid --case canonical \
  --locale ko --out OUT.svg --receipt OUT.json
node scripts/generate.mjs verify --receipt OUT.json --svg OUT.svg

Receipt 정보Receipt facts

profileprofileconstrained-layoutpresetpresetdocument-compacttreatmenttreatmentflatdeliverydeliveryportableentity 수entities4

선언된 stress scenarioDeclared stress scenarios

scenarioscenariopresetpreset예상 결과expected
stress-cardinalitydocument-compactfits
stress-copydocument-compactfits
stress-degradesocial-4x5needs-split

한 화면에 맞지 않는 경계Where it stops fitting

presetpreset개수count판정verdict
document-compact6fits
social-4x56fits
social-4x56needs-split
presentation-16x96fits
presentation-16x96fits

needs-split은 degrade receipt만 반환하고 artifact는 만들지 않습니다. 더 작게 렌더링한 성공 결과가 아니라 명시적인 non-success입니다.needs-split returns a degrade receipt and no artifact — a non-success, not a smaller render.

decision-matrix

선택지나 항목을 두 개의 정성적 축에 배치할 때 사용합니다. 2×2 우선순위·의사결정 사분면이나 3×3 risk grid가 해당합니다.Options or items placed by two qualitative axes — a 2x2 priority/decision quadrant, a 3x3 risk grid

한국어
decision-matrix — 두 축이 우선순위를 정한다 (KO)
ENGLISH
decision-matrix — Two axes set the priority (EN)
Prompt, command와 한계Prompt, command and limits

Canonical promptCanonical prompt

ko: 두 축으로 옵션을 2×2 사분면에 배치해줘. 4:5.
en: Place options in a 2×2 matrix. 4:5.

Command templateCommand template

# from skills/svg-infographic/
node scripts/generate.mjs build --typepack decision-matrix --case canonical \
  --locale ko --out OUT.svg --receipt OUT.json
node scripts/generate.mjs verify --receipt OUT.json --svg OUT.svg

Receipt 정보Receipt facts

profileprofileconstrained-layoutpresetpresetdocument-compacttreatmenttreatmentflatdeliverydeliveryportableentity 수entities4

선언된 stress scenarioDeclared stress scenarios

scenarioscenariopresetpreset예상 결과expected
stress-cardinalitypresentation-16x9fits
stress-degradedocument-compactneeds-split
stress-copydocument-compactfits

한 화면에 맞지 않는 경계Where it stops fitting

presetpreset개수count판정verdict
document-compact9needs-split
social-4x59fits
presentation-16x99fits

needs-split은 degrade receipt만 반환하고 artifact는 만들지 않습니다. 더 작게 렌더링한 성공 결과가 아니라 명시적인 non-success입니다.needs-split returns a degrade receipt and no artifact — a non-success, not a smaller render.

layer-stack

플랫폼 stack, runtime layer, capability model처럼 아래 계층 위에 쌓이거나 아래 계층을 추상화하는 구조에 사용합니다.A hierarchy that stacks on or abstracts the layer beneath it (platform stacks, runtime layers, capability models)

한국어
layer-stack — 플랫폼 역량은 층으로 쌓인다 (KO)
ENGLISH
layer-stack — Platform capability stacks in layers (EN)
Prompt, command와 한계Prompt, command and limits

Canonical promptCanonical prompt

ko: 플랫폼 역량을 4개 계층으로 쌓아서 보여줘. 4:5.
en: Show the platform capability as four stacked layers. 4:5.

Command templateCommand template

# from skills/svg-infographic/
node scripts/generate.mjs build --typepack layer-stack --case canonical \
  --locale ko --out OUT.svg --receipt OUT.json
node scripts/generate.mjs verify --receipt OUT.json --svg OUT.svg

Receipt 정보Receipt facts

profileprofileconstrained-layoutpresetpresetdocument-compacttreatmenttreatmentflatdeliverydeliveryportableentity 수entities12

선언된 stress scenarioDeclared stress scenarios

scenarioscenariopresetpreset예상 결과expected
stress-cardinalitypresentation-16x9fits
stress-copydocument-compactfits
stress-degradesocial-4x5needs-split

한 화면에 맞지 않는 경계Where it stops fitting

presetpreset개수count판정verdict
document-compact5fits
document-compact5needs-split
social-4x55fits
social-4x55needs-split
presentation-16x95fits
presentation-16x95fits

needs-split은 degrade receipt만 반환하고 artifact는 만들지 않습니다. 더 작게 렌더링한 성공 결과가 아니라 명시적인 non-success입니다.needs-split returns a degrade receipt and no artifact — a non-success, not a smaller render.

nested-scope

trust zone, scope ring, platform → app → feature처럼 안쪽 범위가 바깥 범위에 포함되는 관계에 사용합니다.Containment and scope — the inner lives inside the outer (trust zones, scope rings, platform -> app -> feature)

한국어
nested-scope — 신뢰 경계는 안쪽일수록 좁다 (KO)
ENGLISH
nested-scope — Trust narrows toward the core (EN)
Prompt, command와 한계Prompt, command and limits

Canonical promptCanonical prompt

ko: 신뢰 경계를 3겹 동심 구조로 보여줘. 4:5.
en: Show the trust boundary as 3 concentric scopes. 4:5.

Command templateCommand template

# from skills/svg-infographic/
node scripts/generate.mjs build --typepack nested-scope --case canonical \
  --locale ko --out OUT.svg --receipt OUT.json
node scripts/generate.mjs verify --receipt OUT.json --svg OUT.svg

Receipt 정보Receipt facts

profileprofileconstrained-layoutpresetpresetdocument-compacttreatmenttreatmentflatdeliverydeliveryportableentity 수entities3

선언된 stress scenarioDeclared stress scenarios

scenarioscenariopresetpreset예상 결과expected
stress-cardinalitydocument-compactfits
stress-copydocument-compactfits

한 화면에 맞지 않는 경계Where it stops fitting

presetpreset개수count판정verdict
document-compact4fits
social-4x54fits
presentation-16x94fits

needs-split은 degrade receipt만 반환하고 artifact는 만들지 않습니다. 더 작게 렌더링한 성공 결과가 아니라 명시적인 non-success입니다.needs-split returns a degrade receipt and no artifact — a non-success, not a smaller render.

process-flow

process, pipeline, data flow, review loop처럼 순서가 있는 단계나 handoff에 사용합니다.Ordered steps or handoffs — processes, pipelines, data flows, review loops

한국어
process-flow — 배포는 검증을 지나 반영된다 (KO)
ENGLISH
process-flow — Delivery ships through verification (EN)
Prompt, command와 한계Prompt, command and limits

Canonical promptCanonical prompt

ko: 배포 절차를 4단계로 위에서 아래로 보여줘. 4:5 세로.
en: Four top-to-bottom delivery steps. 4:5 portrait.

Command templateCommand template

# from skills/svg-infographic/
node scripts/generate.mjs build --typepack process-flow --case canonical \
  --locale ko --out OUT.svg --receipt OUT.json
node scripts/generate.mjs verify --receipt OUT.json --svg OUT.svg

Receipt 정보Receipt facts

profileprofileconstrained-layoutpresetpresetdocument-compacttreatmenttreatmentflatdeliverydeliveryportableentity 수entities4

선언된 stress scenarioDeclared stress scenarios

scenarioscenariopresetpreset예상 결과expected
stress-cardinalitydocument-compactfits
stress-copydocument-compactfits
stress-degradesocial-4x5needs-split

한 화면에 맞지 않는 경계Where it stops fitting

presetpreset개수count판정verdict
document-compact5fits
social-4x55needs-split
social-4x55fits
presentation-16x95fits
presentation-16x95fits

needs-split은 degrade receipt만 반환하고 artifact는 만들지 않습니다. 더 작게 렌더링한 성공 결과가 아니라 명시적인 non-success입니다.needs-split returns a degrade receipt and no artifact — a non-success, not a smaller render.

roadmap-timeline

제품 단계, milestone, rollout wave처럼 시간이나 phase를 보여 줄 때 사용합니다. 간격은 균등하며 실제 기간 비율을 주장하지 않습니다.Time or phases — product phases, milestones, rollout waves, a status snapshot over time (evenly spaced, claiming no proportional duration)

한국어
roadmap-timeline — 롤아웃은 단계로 진행한다 (KO)
ENGLISH
roadmap-timeline — The rollout proceeds in phases (EN)
Prompt, command와 한계Prompt, command and limits

Canonical promptCanonical prompt

ko: 롤아웃을 4개 단계로 마일스톤 카드와 함께 보여줘. 4:5.
en: Four rollout phases with milestone cards. 4:5.

Command templateCommand template

# from skills/svg-infographic/
node scripts/generate.mjs build --typepack roadmap-timeline --case canonical \
  --locale ko --out OUT.svg --receipt OUT.json
node scripts/generate.mjs verify --receipt OUT.json --svg OUT.svg

Receipt 정보Receipt facts

profileprofileconstrained-layoutpresetpresetdocument-compacttreatmenttreatmentflatdeliverydeliveryportableentity 수entities4

선언된 stress scenarioDeclared stress scenarios

scenarioscenariopresetpreset예상 결과expected
stress-cardinalitypresentation-16x9fits
stress-bodydocument-compactfits
stress-tail-currentdocument-compactfits
stress-copypresentation-16x9fits
stress-degradedocument-compactneeds-split

한 화면에 맞지 않는 경계Where it stops fitting

presetpreset개수count판정verdict
document-compact5needs-split
social-4x55needs-split
presentation-16x95fits

needs-split은 degrade receipt만 반환하고 artifact는 만들지 않습니다. 더 작게 렌더링한 성공 결과가 아니라 명시적인 non-success입니다.needs-split returns a degrade receipt and no artifact — a non-success, not a smaller render.

topology-component

request path, cloud·network zone, system boundary가 있는 service architecture처럼 시스템·component와 그 연결을 보여 줄 때 사용합니다.Systems or components and their connections — request paths, cloud/network zones, service architecture with a system boundary

한국어
topology-component — 요청은 서비스까지 한눈에 흐른다 (KO)
ENGLISH
topology-component — The request path stays visible at a glance (EN)
Prompt, command와 한계Prompt, command and limits

Canonical promptCanonical prompt

ko: 사용자에서 게이트웨이와 서비스로 이어지는 대표 architecture 흐름을 보여줘. 16:9.
en: Show the representative architecture flow from user to gateway to service. 16:9.

Command templateCommand template

# from skills/svg-infographic/
node scripts/generate.mjs build --typepack topology-component --case canonical \
  --locale ko --out OUT.svg --receipt OUT.json
node scripts/generate.mjs verify --receipt OUT.json --svg OUT.svg

Receipt 정보Receipt facts

profileprofileeditorial-compositionpresetpresetpresentation-16x9treatmenttreatmentflatdeliverydeliveryportableentity 수entities9

선언된 stress scenarioDeclared stress scenarios

scenarioscenariopresetpreset예상 결과expected
stress-wave1-referencesocial-4x5fits
stress-cardinalitysocial-4x5fits
stress-copysocial-4x5fits
stress-primitive-coveragepresentation-16x9fits

한 화면에 맞지 않는 경계Where it stops fitting

presetpreset개수count판정verdict
social-4x54fits
presentation-16x94fits

needs-split은 degrade receipt만 반환하고 artifact는 만들지 않습니다. 더 작게 렌더링한 성공 결과가 아니라 명시적인 non-success입니다.needs-split returns a degrade receipt and no artifact — a non-success, not a smaller render.

명세와 prompt 링크는 현재 main 브랜치를 따릅니다.Specification and prompt links follow the current main branch.