Generate architecture documents using templates with diagram integration. Use for creating C4 diagrams, viewpoint documents, and technical overviews.
Generates architecture documentation using C4 model templates with diagram integration. Use when creating technical overviews, context diagrams, or stakeholder-specific viewpoints after analyzing codebase structure.
/plugin marketplace add melodic-software/claude-code-plugins/plugin install soft-skills@melodic-softwareThis skill is limited to using the following tools:
Use this skill when you need to:
Keywords: document, c4, container, context, component, viewpoint, architecture description, technical overview, executive summary
| Type | Audience | Content |
|---|---|---|
| Context | All stakeholders | System boundaries, external interactions |
| Container | Technical leads | Services, databases, major components |
| Component | Developers | Internal structure of containers |
| Deployment | Operations | Infrastructure, environments |
| Data | Data architects | Data flows, storage, schemas |
| Executive Summary | Leadership | Business value, key decisions |
Before generating documentation:
Choose based on:
Each document type has a standard structure:
# System Context: [System Name]
## Overview
[1-2 paragraph description]
## Context Diagram
[C4 Context diagram - via visualization plugin]
## External Systems
| System | Description | Integration |
| --- | --- | --- |
| ... | ... | ... |
## Users/Actors
| Actor | Description | Interactions |
| --- | --- | --- |
| ... | ... | ... |
# Container Architecture: [System Name]
## Overview
[Architecture summary]
## Container Diagram
[C4 Container diagram - via visualization plugin]
## Containers
### [Container Name]
- **Technology**: [Stack]
- **Purpose**: [Description]
- **Responsibilities**: [List]
- **Dependencies**: [List]
# Component Architecture: [Container Name]
## Overview
[Component structure summary]
## Component Diagram
[C4 Component diagram - via visualization plugin]
## Components
### [Component Name]
- **Type**: [Service/Repository/Controller/etc.]
- **Responsibilities**: [List]
- **Interfaces**: [Public APIs]
If the visualization plugin is available:
visualization:diagram-generator agentFallback: If visualization plugin unavailable, create text-based architecture description and note that diagrams can be added with the visualization plugin.
All architecture documents should include:
Before finalizing documentation, verify:
Generated documentation should be placed in:
/architecture/
/viewpoints/
context.md
containers.md
components/
[container-name].md
executive-summary.md
Date: 2025-12-05 Model: claude-opus-4-5-20251101
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.