전체 시스템 구성도 프롬프트 세트

A-1. 아이소메트릭 클라우드 아키텍처(엔터프라이즈 라이트 테마) “isometric cloud architecture diagram, enterprise flat style, Korean labels, Vinci: Test-Centric ALM/DevOps Platform. Top: 사용자/팀. Middle-left: Vinci Studio(‘VS Code 확장, 테스트 작성/실행, Playwright, Appium, REST Client, Code Analyzer’). Middle-center: Vinci Web Service(‘관리 서비스: 사용자/프로젝트/접근제어/빌링’, ‘테스트 실행: 스케줄러/실행 엔진/환경 관리/병렬 실행’, ‘분석·보고: 커버리지/실패 트렌드/성능/코드 시각화’, ‘통합: Jira/GitHub/Azure DevOps/Jenkins’). Bottom: 인프라 레이어(‘Kubernetes, Node.js/Java 마이크로서비스, PostgreSQL + Elasticsearch, S3/MinIO, RabbitMQ/Kafka, GitLab CI/Jenkins’). Right: 멀티테넌트(‘테넌트 격리: 스키마/파티셔닝, 테넌트 커스터마이징, 동적 스케일링’). Clear arrows: Studio ↔ Web Service API, Web Service ↔ DB/Storage/MQ. Korean readable labels, minimal icons, clean color palette(Indigo/Blue/Teal/Slate), high contrast, 4K, 16:9, vector, sharp text.”

A-2. 플랫 벡터 블루프린트(문서용) “flat vector blueprint diagram, white background, thin lines, Korean labels, Vinci 전체 시스템 구성도. 상단: ‘테스트 플랜 → 시나리오 → 케이스 → 액티비티’ 계층 트랙. 중앙: ‘Vinci Web Service’ 4개 영역의 카드형 박스(관리/테스트 실행/분석·보고/통합). 좌측: ‘Vinci Studio’ 모듈 박스(Recorder, Runner, Webview, Code Visualization Panel, vstest-cli). 하단: 인프라(‘K8s, Node.js/Java, PostgreSQL, Elasticsearch, S3/MinIO, RabbitMQ/Kafka, CI/CD’). 점선 = 비동기 이벤트, 실선 = 동기 API. 라벨은 선명한 한글, 도식적 아이콘, 레전드 포함, 16:9, 4K, vector.”

A-3. 다크 테마 네온 네트워크(프레젠테이션용) “dark theme neon network map, glowing nodes and edges, Korean labels, Vinci architecture. Core hub: Vinci Web Service. Peripheral hubs: Management, Test Execution, Analysis & Reporting, Integrations, Studio, CI/CD, Databases, Storage, MQ. Edge weights indicate data flow intensity; neon cyan for real-time events, neon magenta for test results, amber for alerts. Minimalistic grid background, readable Korean labels, 16:9, 4K, crisp, no noise.”

A-4. 화이트보드 스타일(워크숍/브레인스토밍) “hand-drawn whiteboard sketch, neat markers, sticky-notes vibe, Korean labels. Boxes: Studio, Web Service(4 domains), Infra, Multi-tenant, Code Visualization. Arrows with short Korean verbs: ‘기록’, ‘실행’, ‘수집’, ‘분석’, ‘알림’. Soft shadows, playful but professional, high legibility, 16:9, high-res.”

A-5. 보안·컴플라이언스 강조 구성도 “enterprise security architecture diagram, Korean labels, compliance badges: SOC 2, ISO 26262, IEC 61508, GDPR. Layers: Access control(SSO, RBAC), Data layer(PostgreSQL, Elasticsearch, encryption at rest), Transport(TLS), Audit trail, Secrets management, Network segmentation. Overlay: Vinci Web Service and Studio interaction with secure gateways. Blue/teal palette, 16:9, 4K, vector, sharp text.”

A-6. 멀티리전·멀티테넌트 글로벌 맵 “global multi-region SaaS map, Korean labels. World map with regions(NA, EU, APAC), region clusters with Kubernetes, DB read replicas, object storage, message brokers; tenant isolation annotations(‘스키마별 격리/파티셔닝’), traffic arrows via CDN/WAF. Clean enterprise style, high contrast, 16:9, 4K, vector.”

1. 코드 시각화 모듈 전용 다이어그램 프롬프트

B-1. 코드 구조(클래스/모듈) 시각화 “UML-style class and module dependency diagram, Korean labels, Code Visualization Module. Show: components(‘Parser: Tree-sitter’, ‘AST Processor: Esprima/LibCST/ANTLR’, ‘Visualization: D3.js/Sigma.js’, ‘Storage: IndexedDB/PostgreSQL’), language plugins(JS/TS, Java, Python, C#, Go, SQL/GraphQL). Relationships: inheritance, composition, imports. Clean layout(hierarchical), high legibility, 16:9, 4K, vector.”

B-2. 제어 흐름 시각화(조건/루프/예외) “control flow graph(CFG) diagram, Korean labels. Nodes: 조건(if/else, switch), 루프(for/while), 예외 처리(try/catch). Color-coded paths: green(success), red(failure), amber(warnings). Side panel: ‘실행 경로 하이라이트’. Minimalist grid, crisp edges, 16:9, 4K.”

B-3. 데이터 흐름(변수 수명/변환) “data flow diagram(DFD) with variable lifetimes, Korean labels. Sources: userInput → processInput → validateInput → persist. Tracks: type transformations(string → normalized → boolean), state timeline. Icons for memory usage. Calm palette(teal/blue), 16:9, 4K, vector.”

B-4. 의존성/호출 그래프(순환감지) “call graph and package dependency map, Korean labels, highlight circular dependencies in red arcs. Nodes: UserService, AuthService, DatabaseService, Notification, EmailService, SMTPClient. Legend: ‘직접 호출’, ‘서드파티’, ‘순환 의존’. Dark-on-light, 16:9, 4K.”

B-5. 테스트-코드-요구사항 추적 오버레이 “bidirectional traceability map, Korean labels. Columns: Requirements(RQ-001, RQ-002) → Code(src/auth.js, src/user.js) → Tests(test_login.js, test_registration). Overlay icons: coverage %, recent changes heatmap. Corporate pastel palette, sharp text, 16:9, 4K.”

B-6. 실패 분석 시각화(경로/데이터/의존성 결합) “failure analysis composite visualization, Korean labels. Top-left: control flow path to failure highlighted; bottom-left: data transformations timeline; right: dependency map with suspect nodes. Annotations: ‘실패 지점’, ‘의심 의존성’, ‘데이터 이상치’. Alert color accents(red/amber), 16:9, 4K.”

1. 소개 영상용(영상 스토리보드) 씬별 프롬프트

권장: 모든 씬 16:9, 4K, 브랜드 팔레트(Indigo/Blue/Teal/Slate), 통일된 아이콘/타이포 스타일, 라이트 또는 다크 테마 일관성 유지

S-1. 오프닝 히어로 “hero cover image, Vinci: Test-Centric ALM/DevOps Platform, elegant gradient background(Indigo→Blue), subtle geometric patterns, Korean tagline: ‘테스트 중심, 품질이 중심’. Minimal logo-like V motif, cinematic lighting, 16:9, 4K, sharp Korean text.”

S-2. 문제 제기(현재의 비효율) “split-screen comparison: left chaotic spreadsheets and manual testing; right streamlined central dashboard. Korean captions: ‘엑셀 기반 관리의 한계’ vs ‘중앙 집중 자동화’. Clean editorial style, high contrast, 16:9.”

S-3. 솔루션 스냅샷 “two-panel: Vinci Web Service(대시보드, 추적 매트릭스) and Vinci Studio(VS Code extension panel with YAML test). Korean labels, crisp UI mock vibe, 16:9.”

S-4. 아키텍처 하이라이트 “condensed architecture diagram, isometric, Korean labels: ‘멀티테넌트’, ‘마이크로서비스’, ‘PostgreSQL+Elasticsearch’, ‘S3/MinIO’, ‘RabbitMQ/Kafka’, ‘CI/CD’. Elegant, 16:9, 4K.”

S-5. 테스트 작성·실행(Studio) “VS Code-like environment, left: YAML steps, right: run panel, bottom: results. Icons: Playwright, Appium, REST. Korean captions: ‘기록·재생’, ‘환경 선택’, ‘즉시 피드백’. 16:9.”

S-6. 코드 시각화(핵심 가치) “dynamic graph of modules and flows, neon accents on dark or clean flat on light. Korean labels: ‘구조·제어·데이터·의존성’, ‘테스트-코드 추적’. 16:9.”

S-7. SQL 기반 검증·이중 모니터링 “database validation scene: SQL check overlay, answer sheet comparison table; scheduled monitoring clock icon. Korean captions: ‘DB 중심 검증’, ‘이중 모니터링’. 16:9.”

S-8. AI 기반 실패 분석 “dashboard card: root cause insights with correlated logs/screenshots, red-highlighted path. Korean captions: ‘근본 원인 분석’, ‘자동 상관’. 16:9.”

S-9. 통합 생태계 “integration wall: Jira, GitHub, Azure DevOps, Jenkins, Slack, MS Teams. Korean caption: ‘원활한 생태계 연동’. Brand-consistent icon grid, 16:9.”

S-10. 보안·컴플라이언스 “shield motif with compliance badges(SOC 2, ISO 26262, IEC 61508, GDPR). Korean caption: ‘엔터프라이즈급 보안’. 16:9.”

S-11. 로드맵(단계형 타임라인) “timeline from Month 1→12, milestones: Core→Studio→Code Vis→Collab/AI→Enterprise. Korean captions per phase. Sleek infographic, 16:9.”

S-12. 클로징 CTA “clean end card: ‘테스트 중심, 품질이 중심 – Vinci’ / ‘지금 시작하세요’. Gradient background, subtle V motif, prominent CTA button style, 16:9.”