architecture
✓색상으로 구분된 레이어와 그리드 레이아웃이 포함된 HTML/CSS 템플릿을 사용하여 레이어 아키텍처 다이어그램을 만듭니다. 시스템 계층(사용자→애플리케이션→데이터→인프라) 시각화, 마이크로서비스 아키텍처 및 엔터프라이즈 애플리케이션 설계에 가장 적합합니다. 픽셀이 완벽한 사용자 정의 다이어그램(drawio 사용), 간단한 순서도(mermaid 사용) 또는 데이터 시각화(vega 사용)에는 적합하지 않습니다.
SKILL.md
Architecture Diagram Generator Quick Start: Create HTML structure with flexible layout (single/double/triple column) → Define CSS styles for layers and grids → Add content with categorized panels → Use semantic colors for different layers.
Critical Rules Rule 1: Direct HTML Embedding IMPORTANT: Write architecture diagrams as direct HTML in Markdown. NEVER use code blocks ( `html ). The HTML should be embedded directly in the document without any fencing.
Rule 2: No Empty Lines in HTML Structure CRITICAL: Do NOT add any empty lines within the HTML architecture diagram structure. Keep the entire HTML block continuous to prevent parsing errors.
색상으로 구분된 레이어와 그리드 레이아웃이 포함된 HTML/CSS 템플릿을 사용하여 레이어 아키텍처 다이어그램을 만듭니다. 시스템 계층(사용자→애플리케이션→데이터→인프라) 시각화, 마이크로서비스 아키텍처 및 엔터프라이즈 애플리케이션 설계에 가장 적합합니다. 픽셀이 완벽한 사용자 정의 다이어그램(drawio 사용), 간단한 순서도(mermaid 사용) 또는 데이터 시각화(vega 사용)에는 적합하지 않습니다. 출처: markdown-viewer/skills.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/markdown-viewer/skills --skill architecture- 카테고리
- {}데이터 분석
- 인증됨
- ✓
- 최초 등록
- 2026-02-11
- 업데이트
- 2026-02-18
빠른 답변
architecture이란?
색상으로 구분된 레이어와 그리드 레이아웃이 포함된 HTML/CSS 템플릿을 사용하여 레이어 아키텍처 다이어그램을 만듭니다. 시스템 계층(사용자→애플리케이션→데이터→인프라) 시각화, 마이크로서비스 아키텍처 및 엔터프라이즈 애플리케이션 설계에 가장 적합합니다. 픽셀이 완벽한 사용자 정의 다이어그램(drawio 사용), 간단한 순서도(mermaid 사용) 또는 데이터 시각화(vega 사용)에는 적합하지 않습니다. 출처: markdown-viewer/skills.
architecture 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/markdown-viewer/skills --skill architecture 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/markdown-viewer/skills
상세
- 카테고리
- {}데이터 분석
- 출처
- skills.sh
- 최초 등록
- 2026-02-11