C4 Component

This is for teams documenting architecture using the C4 model, specifically at the component level where you're zooming into a single container to map out its logical pieces. It synthesizes your code-level documentation into grouped components, defines their boundaries and interfaces, and generates Mermaid diagrams showing how they relate. You'd reach for this after documenting individual code elements but before mapping containers to deployment. The skill includes templates for component docs and a master index, plus guidance on what distinguishes component diagrams from code or container views. It's basically a structured way to avoid the messy middle layer of architecture documentation where teams often just skip straight from high-level boxes to code.

skills.sh installs: 246
GitHub stars: 39.4K
last updated: Jun 3, 2026

View on GitHub

Install

$ npx -y skills add sickn33/antigravity-awesome-skills --skill c4-component --agent claude-code

Installs into .claude/skills of the current project.

Files

C4 Component Level: [Component Name]

Use this skill when

Working on c4 component level: [component name] tasks or workflows
Needing guidance, best practices, or checklists for c4 component level: [component name]

Do not use this skill when

The task is unrelated to c4 component level: [component name]
You need a different domain or tool outside this scope

Instructions

Clarify goals, constraints, and required inputs.
Apply relevant best practices and validate outcomes.
Provide actionable steps and verification.

Overview

Name: [Component name]
Description: [Short description of component purpose]
Type: [Component type: Application, Service, Library, etc.]
Technology: [Primary technologies used]

Purpose

[Detailed description of what this component does and what problems it solves]

Software Features

Code Elements

This component contains the following code-level elements:

c4-code-file-1.md - [Description]
c4-code-file-2.md - [Description]

Interfaces

[Interface Name]

SKILL.md on GitHub

Details

Repository: github.com/sickn33/antigravity-awesome-skills
Category: Frontend Development
First seen: Jun 3, 2026