Output format templates for all 5 explanation modes — quick (compact), deep (full analysis with diagrams), onboarding (project guide), business (non-technical), qa (interactive Q&A).
From accnpx claudepluginhub dykyi-roman/awesome-claude-code --plugin accThis skill uses the workspace's default tool permissions.
Provides structured output templates for the 5 explanation modes. Each template defines sections, content depth, and formatting requirements for consistent, high-quality explanations.
| Mode | Target | Depth | Audience | Trigger |
|---|---|---|---|---|
quick | Single file | 1-2 screens | Developer | File path |
deep | Module/directory | Full analysis | Senior dev / Architect | Directory path |
onboarding | Entire project | Comprehensive guide | New team member | . or project root |
business | Feature/process | Non-technical | PM / Stakeholder | Explicit mode |
qa | On-demand | Answer-focused | Any | Explicit mode |
For single file analysis. Compact, fits 1-2 terminal screens.
# Explanation: {FileName}
## Purpose
{One sentence — what this class/file does and why it exists.}
## Business Context
{Which business process or domain concept this participates in.}
## Key Responsibilities
- {Responsibility 1 — what it does}
- {Responsibility 2 — what it does}
- {Responsibility 3 — what it does}
## Business Rules
| Rule | Location | Description |
|------|----------|-------------|
| {rule name} | Line {N} | {what the rule enforces} |
## Data Flow
{Entry} → {Processing step 1} → {Processing step 2} → {Output}
## Dependencies
| Dependency | Role | Direction |
|------------|------|-----------|
| {ClassName} | {what it provides} | {inbound/outbound} |
## Important Notes
- {Non-obvious behavior, edge case, or architectural decision}
Guidelines:
For module/directory analysis. Full analysis with diagrams.
# Deep Explanation: {Module/Directory Name}
## Overview
{2-3 sentences — what this module does, its role in the system, key design decisions.}
## Architecture
{Mermaid component diagram showing internal structure}
```mermaid
graph TD
A[Entry Point] --> B[Service Layer]
B --> C[Domain Logic]
C --> D[Persistence]
| Layer | Files | Key Classes |
|---|---|---|
| Presentation | {N} | {Controller, Action} |
| Application | {N} | {UseCase, Service} |
| Domain | {N} | {Entity, VO, Service} |
| Infrastructure | {N} | {Repository, Adapter} |
{For each important class: purpose, responsibilities, relationships}
{List of business processes in this module, with actor/trigger/steps}
Trigger: {what starts it} Actor: {who initiates} Steps:
sequenceDiagram
participant C as Client
participant A as Action
participant U as UseCase
participant D as Domain
participant R as Repository
C->>A: HTTP Request
A->>U: Command
U->>D: Domain Operation
D->>R: Persist
R-->>A: Result
A-->>C: Response
| Step | Class | Input Type | Output Type |
|---|---|---|---|
| {step} | {class} | {type} | {type} |
{Domain concepts glossary for this module}
| Concept | Class | Type | Description |
|---|---|---|---|
| {concept} | {Class} | Entity/VO/Enum | {what it represents} |
stateDiagram-v2
[*] --> State1
State1 --> State2 : action
| # | Rule | Location | Enforcement |
|---|---|---|---|
| {N} | {rule description} | {file:line} | {how enforced} |
| Event/Message | Publisher | Consumer | Queue |
|---|---|---|---|
| {event} | {class} | {handler} | {queue} |
{Findings from structural/behavioral auditors}
{Documentation suggestion — see coordinator behavior}
**Guidelines:**
- Include Mermaid diagrams (component, sequence, state)
- Cover all aspects: architecture, business, data, state
- Depth proportional to module complexity
- Include quality observations from auditors
## Template: Onboarding Mode
For entire project. Comprehensive getting-started guide.
```markdown
# Project Guide: {Project Name}
## What Is This Project?
{2-3 sentences in plain language — what the project does, who uses it, why it exists.}
## Tech Stack
| Technology | Purpose | Version |
|-----------|---------|---------|
| PHP | Backend language | 8.4 |
| {Framework} | Web framework | {version} |
| {DB} | Database | {version} |
| {Queue} | Message queue | {version} |
## Architecture Overview
{High-level C4 Context diagram}
```mermaid
graph TD
U[User] --> API[API Gateway]
API --> App[Application]
App --> DB[(Database)]
App --> Q[Message Queue]
Q --> W[Workers]
{Full directory tree with annotations}
src/
├── Domain/ # Business rules, entities, value objects
├── Application/ # Use cases, commands, queries
├── Infrastructure/ # Database, cache, queue implementations
└── Presentation/ # HTTP controllers, CLI commands
| Module | Purpose | Key Entity | Entry Points |
|---|---|---|---|
| {module} | {what it does} | {main entity} | {routes/commands} |
{Top 5-10 most important business processes}
{Brief description with actor, trigger, outcome}
{Brief description}
| Method | Route | Purpose | Auth |
|---|---|---|---|
| GET | /api/... | {purpose} | {auth type} |
{Key domain concepts and their relationships}
classDiagram
class Order {
+OrderId id
+Money total
+OrderStatus status
}
class Customer {
+CustomerId id
+Email email
}
Order --> Customer
{How data moves through the system — main happy path}
{Queue topology, event flows, scheduled tasks}
| "I want to..." | Start here |
|---|---|
| Understand business logic | src/Domain/ |
| See API endpoints | src/Presentation/Api/ |
| Find a use case | src/Application/UseCase/ |
| Check database queries | src/Infrastructure/Repository/ |
| Add a new feature | Follow existing UseCase pattern |
| Term | Meaning | Code Reference |
|---|---|---|
| {term} | {definition} | {class name} |
{Documentation suggestion — see coordinator behavior}
**Guidelines:**
- Write for someone seeing the project for the first time
- Include "How to navigate" section
- Build comprehensive glossary
- Use C4 diagrams for architecture
- Keep language accessible
## Template: Business Mode
For non-technical stakeholders. No code references.
```markdown
# {Feature/System} — Business Overview
## What Does It Do?
{Plain language explanation — no technical jargon.}
## Who Uses It?
| Actor | What They Do |
|-------|-------------|
| {role} | {their interaction with the system} |
## Key Business Processes
### {Process 1}
**When:** {trigger in business terms}
**What happens:**
1. {step in business language}
2. {step}
3. {step}
**Result:** {outcome}
## Business Rules
| Rule | Why It Exists |
|------|--------------|
| {rule in plain language} | {business justification} |
## Data & Reports
| Data | What It Shows | Updated |
|------|--------------|---------|
| {data point} | {what it means} | {frequency} |
## System Interactions
```mermaid
graph LR
C[Customer] -->|places order| S[Our System]
S -->|sends confirmation| C
S -->|charges| P[Payment Provider]
S -->|ships via| W[Warehouse]
**Guidelines:**
- Zero code references
- Business language only
- Focus on "what" and "why", never "how" technically
- Use simple flow diagrams
## Template: QA Mode
For interactive question-answering.
```markdown
## Question: {User's Question}
### Answer
{Direct, concise answer to the question.}
### Details
{Supporting explanation with evidence from code.}
### Code References
| File | Line | Relevance |
|------|------|-----------|
| {file} | {line} | {why this is relevant} |
### Related
- {Related concept or question the user might want to explore next}
Guidelines:
Append to all modes except qa:
---
## Suggested Documentation
{One of the following based on analysis:}
### Existing documentation found:
- `{path/to/doc}` — consider updating with insights from this analysis
### No documentation found:
Consider generating documentation:
/generate-documentation {analyzed_path}
This skill is used by:
explain-coordinator — selects template based on mode, formats final outputProvides UI/UX resources: 50+ styles, color palettes, font pairings, guidelines, charts for web/mobile across React, Next.js, Vue, Svelte, Tailwind, React Native, Flutter. Aids planning, building, reviewing interfaces.