{"id":"ca52f1d0-912f-46f5-a812-de2700af2202","shortId":"JYfBBa","kind":"skill","title":"c4-component","tagline":"Expert C4 Component-level documentation specialist. Synthesizes C4 Code-level documentation into Component-level architecture, defining component boundaries, interfaces, and relationships.","description":"# C4 Component Level: [Component Name]\n\n## Use this skill when\n\n- Working on c4 component level: [component name] tasks or workflows\n- Needing guidance, best practices, or checklists for c4 component level: [component name]\n\n## Do not use this skill when\n\n- The task is unrelated to c4 component level: [component name]\n- You need a different domain or tool outside this scope\n\n## Instructions\n\n- Clarify goals, constraints, and required inputs.\n- Apply relevant best practices and validate outcomes.\n- Provide actionable steps and verification.\n- If detailed examples are required, open `resources/implementation-playbook.md`.\n\n## Overview\n\n- **Name**: [Component name]\n- **Description**: [Short description of component purpose]\n- **Type**: [Component type: Application, Service, Library, etc.]\n- **Technology**: [Primary technologies used]\n\n## Purpose\n\n[Detailed description of what this component does and what problems it solves]\n\n## Software Features\n\n- [Feature 1]: [Description]\n- [Feature 2]: [Description]\n- [Feature 3]: [Description]\n\n## Code Elements\n\nThis component contains the following code-level elements:\n\n- c4-code-file-1.md - [Description]\n- c4-code-file-2.md - [Description]\n\n## Interfaces\n\n### [Interface Name]\n\n- **Protocol**: [REST/GraphQL/gRPC/Events/etc.]\n- **Description**: [What this interface provides]\n- **Operations**:\n  - `operationName(params): ReturnType` - [Description]\n\n## Dependencies\n\n### Components Used\n\n- [Component Name]: [How it's used]\n\n### External Systems\n\n- [External System]: [How it's used]\n\n## Component Diagram\n\nUse proper Mermaid C4Component syntax. Component diagrams show components **within a single container**:\n\n```mermaid\nC4Component\n    title Component Diagram for [Container Name]\n\n    Container_Boundary(container, \"Container Name\") {\n        Component(component1, \"Component 1\", \"Type\", \"Description\")\n        Component(component2, \"Component 2\", \"Type\", \"Description\")\n        ComponentDb(component3, \"Component 3\", \"Database\", \"Description\")\n    }\n    Container_Ext(externalContainer, \"External Container\", \"Description\")\n    System_Ext(externalSystem, \"External System\", \"Description\")\n\n    Rel(component1, component2, \"Uses\")\n    Rel(component2, component3, \"Reads from and writes to\")\n    Rel(component1, externalContainer, \"Uses\", \"API\")\n    Rel(component2, externalSystem, \"Uses\", \"API\")\n```\n````\n\n**Key Principles** (from [c4model.com](https://c4model.com/diagrams/component)):\n\n- Show components **within a single container** (zoom into one container)\n- Focus on **logical components** and their responsibilities\n- Show **component interfaces** (what they expose)\n- Show how components **interact** with each other\n- Include **external dependencies** (other containers, external systems)\n\n````\n\n## Master Component Index Template\n\n```markdown\n# C4 Component Level: System Overview\n\n## System Components\n\n### [Component 1]\n- **Name**: [Component name]\n- **Description**: [Short description]\n- **Documentation**: c4-component-name-1.md\n\n### [Component 2]\n- **Name**: [Component name]\n- **Description**: [Short description]\n- **Documentation**: c4-component-name-2.md\n\n## Component Relationships\n[Mermaid diagram showing all components and their relationships]\n````\n\n## Example Interactions\n\n- \"Synthesize all c4-code-\\*.md files into logical components\"\n- \"Define component boundaries for the authentication and authorization code\"\n- \"Create component-level documentation for the API layer\"\n- \"Identify component interfaces and create component diagrams\"\n- \"Group database access code into components and document their relationships\"\n\n## Key Distinctions\n\n- **vs C4-Code agent**: Synthesizes multiple code files into components; Code agent documents individual code elements\n- **vs C4-Container agent**: Focuses on logical grouping; Container agent maps components to deployment units\n- **vs C4-Context agent**: Provides component-level detail; Context agent creates high-level system diagrams\n\n## Output Examples\n\nWhen synthesizing components, provide:\n\n- Clear component boundaries with rationale\n- Descriptive component names and purposes\n- Comprehensive feature lists for each component\n- Complete interface documentation with protocols and operations\n- Links to all contained c4-code-\\*.md files\n- Mermaid component diagrams showing relationships\n- Master component index with all components\n- Consistent documentation format across all components\n\n## Limitations\n- Use this skill only when the task clearly matches the scope described above.\n- Do not treat the output as a substitute for environment-specific validation, testing, or expert review.\n- Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.","tags":["component","antigravity","awesome","skills","sickn33","agent-skills","agentic-skills","ai-agent-skills","ai-agents","ai-coding","ai-workflows","antigravity-skills"],"capabilities":["skill","source-sickn33","skill-c4-component","topic-agent-skills","topic-agentic-skills","topic-ai-agent-skills","topic-ai-agents","topic-ai-coding","topic-ai-workflows","topic-antigravity","topic-antigravity-skills","topic-claude-code","topic-claude-code-skills","topic-codex-cli","topic-codex-skills"],"categories":["antigravity-awesome-skills"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/sickn33/antigravity-awesome-skills/c4-component","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"cli":"npx skills add sickn33/antigravity-awesome-skills","source_repo":"https://github.com/sickn33/antigravity-awesome-skills","install_from":"skills.sh"}},"qualityScore":"0.700","qualityRationale":"deterministic score 0.70 from registry signals: · indexed on github topic:agent-skills · 34882 github stars · SKILL.md body (4,742 chars)","verified":false,"liveness":"unknown","lastLivenessCheck":null,"agentReviews":{"count":0,"score_avg":null,"cost_usd_avg":null,"success_rate":null,"latency_p50_ms":null,"narrative_summary":null,"summary_updated_at":null},"enrichmentModel":"deterministic:skill-github:v1","enrichmentVersion":1,"enrichedAt":"2026-04-24T12:50:43.209Z","embedding":null,"createdAt":"2026-04-18T21:33:56.540Z","updatedAt":"2026-04-24T12:50:43.209Z","lastSeenAt":"2026-04-24T12:50:43.209Z","tsv":"'/diagrams/component)):':289 '1':148,234,340 '2':151,240,350 '3':154,246 'access':408 'across':521 'action':100 'agent':422,430,439,445,455,462 'api':277,282,397 'appli':92 'applic':124 'architectur':21 'ask':557 'authent':386 'author':388 'best':49,94 'boundari':24,227,383,477,565 'c4':2,5,12,28,39,54,70,332,374,420,437,453,503 'c4-code':373,419,502 'c4-code-file-1.md':167 'c4-code-file-2.md':169 'c4-component':1 'c4-component-name-1.md':348 'c4-component-name-2.md':358 'c4-container':436 'c4-context':452 'c4component':208,219 'c4model.com':286,288 'c4model.com/diagrams/component)):':287 'checklist':52 'clarif':559 'clarifi':86 'clear':475,532 'code':14,156,164,375,389,409,421,425,429,433,504 'code-level':13,163 'complet':491 'compon':3,7,19,23,29,31,40,42,55,57,71,73,113,119,122,138,159,187,189,203,210,213,221,231,233,237,239,245,291,303,308,315,328,333,338,339,342,349,352,359,365,380,382,392,400,404,411,428,447,458,473,476,481,490,508,513,517,523 'component-level':6,18,391,457 'component1':232,262,274 'component2':238,263,266,279 'component3':244,267 'componentdb':243 'comprehens':485 'consist':518 'constraint':88 'contain':160,217,224,226,228,229,249,253,295,299,324,438,444,501 'context':454,461 'creat':390,403,463 'criteria':568 'databas':247,407 'defin':22,381 'depend':186,322 'deploy':449 'describ':536 'descript':115,117,134,149,152,155,168,170,176,185,236,242,248,254,260,344,346,354,356,480 'detail':105,133,460 'diagram':204,211,222,362,405,468,509 'differ':78 'distinct':417 'document':9,16,347,357,394,413,431,493,519 'domain':79 'element':157,166,434 'environ':548 'environment-specif':547 'etc':127 'exampl':106,369,470 'expert':4,553 'expos':312 'ext':250,256 'extern':195,197,252,258,321,325 'externalcontain':251,275 'externalsystem':257,280 'featur':146,147,150,153,486 'file':377,426,506 'focus':300,440 'follow':162 'format':520 'goal':87 'group':406,443 'guidanc':48 'high':465 'high-level':464 'identifi':399 'includ':320 'index':329,514 'individu':432 'input':91,562 'instruct':85 'interact':316,370 'interfac':25,171,172,179,309,401,492 'key':283,416 'layer':398 'level':8,15,20,30,41,56,72,165,334,393,459,466 'librari':126 'limit':524 'link':498 'list':487 'logic':302,379,442 'map':446 'markdown':331 'master':327,512 'match':533 'md':376,505 'mermaid':207,218,361,507 'miss':570 'multipl':424 'name':32,43,58,74,112,114,173,190,225,230,341,343,351,353,482 'need':47,76 'one':298 'open':109 'oper':181,497 'operationnam':182 'outcom':98 'output':469,542 'outsid':82 'overview':111,336 'param':183 'permiss':563 'practic':50,95 'primari':129 'principl':284 'problem':142 'proper':206 'protocol':174,495 'provid':99,180,456,474 'purpos':120,132,484 'rational':479 'read':268 'rel':261,265,273,278 'relationship':27,360,368,415,511 'relev':93 'requir':90,108,561 'resources/implementation-playbook.md':110 'respons':306 'rest/graphql/grpc/events/etc':175 'returntyp':184 'review':554 'safeti':564 'scope':84,535 'servic':125 'short':116,345,355 'show':212,290,307,313,363,510 'singl':216,294 'skill':35,63,527 'skill-c4-component' 'softwar':145 'solv':144 'source-sickn33' 'specialist':10 'specif':549 'step':101 'stop':555 'substitut':545 'success':567 'syntax':209 'synthes':11,371,423,472 'system':196,198,255,259,326,335,337,467 'task':44,66,531 'technolog':128,130 'templat':330 'test':551 'titl':220 'tool':81 'topic-agent-skills' 'topic-agentic-skills' 'topic-ai-agent-skills' 'topic-ai-agents' 'topic-ai-coding' 'topic-ai-workflows' 'topic-antigravity' 'topic-antigravity-skills' 'topic-claude-code' 'topic-claude-code-skills' 'topic-codex-cli' 'topic-codex-skills' 'treat':540 'type':121,123,235,241 'unit':450 'unrel':68 'use':33,61,131,188,194,202,205,264,276,281,525 'valid':97,550 'verif':103 'vs':418,435,451 'within':214,292 'work':37 'workflow':46 'write':271 'zoom':296","prices":[{"id":"6f7b71ff-942f-4aef-b92c-e94731528561","listingId":"ca52f1d0-912f-46f5-a812-de2700af2202","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"sickn33","category":"antigravity-awesome-skills","install_from":"skills.sh"},"createdAt":"2026-04-18T21:33:56.540Z"}],"sources":[{"listingId":"ca52f1d0-912f-46f5-a812-de2700af2202","source":"github","sourceId":"sickn33/antigravity-awesome-skills/c4-component","sourceUrl":"https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/c4-component","isPrimary":false,"firstSeenAt":"2026-04-18T21:33:56.540Z","lastSeenAt":"2026-04-24T12:50:43.209Z"}],"details":{"listingId":"ca52f1d0-912f-46f5-a812-de2700af2202","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"sickn33","slug":"c4-component","github":{"repo":"sickn33/antigravity-awesome-skills","stars":34882,"topics":["agent-skills","agentic-skills","ai-agent-skills","ai-agents","ai-coding","ai-workflows","antigravity","antigravity-skills","claude-code","claude-code-skills","codex-cli","codex-skills","cursor","cursor-skills","developer-tools","gemini-cli","gemini-skills","kiro","mcp","skill-library"],"license":"mit","html_url":"https://github.com/sickn33/antigravity-awesome-skills","pushed_at":"2026-04-24T06:41:17Z","description":"Installable GitHub library of 1,400+ agentic skills for Claude Code, Cursor, Codex CLI, Gemini CLI, Antigravity, and more. Includes installer CLI, bundles, workflows, and official/community skill collections.","skill_md_sha":"2359b7d449f7318decdde1cbaddad2108b08570d","skill_md_path":"skills/c4-component/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/c4-component"},"layout":"multi","source":"github","category":"antigravity-awesome-skills","frontmatter":{"name":"c4-component","description":"Expert C4 Component-level documentation specialist. Synthesizes C4 Code-level documentation into Component-level architecture, defining component boundaries, interfaces, and relationships."},"skills_sh_url":"https://skills.sh/sickn33/antigravity-awesome-skills/c4-component"},"updatedAt":"2026-04-24T12:50:43.209Z"}}