Component Documentation Skill

Use Case: Explaining what a component/file does, its use cases, how to use it, API documentation, or understanding unfamiliar code.

Core Documentation Workflow

Phase 1: Identify & Analyze Component

When asked to explain a component, find the source file and analyze:

• Purpose: What problem does it solve?
• Usage: How is it instantiated/invoked?
• Relationships: Who calls it? What does it call?
• State/Side Effects: Is it pure? Does it mutate database/state?

Output Format Templates

For React/Vue UI Components: