메뉴
Generate a professional architecture diagram from codebase analysis
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Automatically implement all sub-issues of an epic in dependency order
Implement a GitHub issue with automated PR creation
End-of-session retrospective. Captures knowledge from any working session (debug, implementation, config, deployment) as reusable scripts, CLAUDE.md procedures, or skill proposals. Run before ending a session to prevent knowledge loss.
Decompose a large GitHub issue into sub-issues and create a tracking draft PR
OWASP-guided security code review for a specific domain or issue
Project kickoff checklist based on lessons learned from previous projects. Generates a tailored checklist and optionally creates GitHub issues.
| name | architecture-diagram |
| description | Generate a professional architecture diagram from codebase analysis |
| argument-hint | [output-path] [-- description] |
| user-invocable | true |
Generate a professional architecture diagram as a standalone HTML/SVG file by analyzing the current codebase.
Arguments via $ARGUMENTS:
architecture-diagram.html in project rootpath/to/output.html: custom output path-- description text: skip codebase analysis, use the provided description insteadpath/to/output.html -- description text: both custom path and descriptionSpawn the architecture-diagram agent with the following prompt, adapted based on arguments:
Analyze the codebase in the current working directory and generate an architecture diagram.
Output file: [resolved output path]
Follow your full Discovery → Generation workflow:
1. Explore the codebase to identify all components (frontend, backend, databases, infrastructure, external services)
2. Map relationships and data flows between components
3. Present the component inventory to the user and ask for confirmation
4. After confirmation, generate the HTML diagram file
5. Report the output file path
If docker-compose.yml or similar orchestration files exist, use them as the primary source of truth for services and their relationships.
Generate an architecture diagram from this description:
[user's description]
Output file: [resolved output path]
Skip codebase analysis. Parse the description to identify components and relationships, then:
1. Present the component inventory to the user and ask for confirmation
2. After confirmation, generate the HTML diagram file
3. Report the output file path
architecture-diagramReport the output path and suggest:
/architecture-diagram again with feedback to iterate