[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-c41ea421-0a1c-47de-a78d-cb3c6cd59d66":3,"$f7sfP_r4rW6g_KZw5phIhDFrBiyoYV9Tv1PAW32kelqg":43},{"id":4,"title":5,"description":6,"categoryId":7,"moduleId":8,"tags":9,"prompt":10,"icon":11,"source":12,"sourceUrl":13,"authorId":14,"authorName":15,"isPublic":16,"stars":17,"runs":18,"createdAt":19,"updatedAt":19,"module":20,"category":27,"packages":34},"c41ea421-0a1c-47de-a78d-cb3c6cd59d66","c4-component","C4组件级文档专家。将C4代码级文档综合为组件级架构，定义组件边界、接口和关系。","cat_life_career","mod_other","sickn33,other","---\nname: c4-component\ndescription: Expert C4 Component-level documentation specialist. Synthesizes C4 Code-level documentation into Component-level architecture, defining component boundaries, interfaces, and relationships.\nrisk: unknown\nsource: community\ndate_added: '2026-02-27'\n---\n\n# 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\u002Fimplementation-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\u002FGraphQL\u002FgRPC\u002FEvents\u002Fetc.]\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:\u002F\u002Fc4model.com\u002Fdiagrams\u002Fcomponent)):\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.\n","","imported","https:\u002F\u002Fgithub.com\u002Fsickn33\u002Fantigravity-awesome-skills","user_system_seed","SkillOPIC",true,151,642,"2026-05-16 13:09:55",{"id":8,"name":21,"slug":22,"icon":23,"description":24,"sort":25,"createdAt":26},"其他","other","mdi-page-next-outline","其他类型Skill",5,"2026-05-16 12:53:40",{"id":7,"name":28,"slug":29,"icon":30,"description":31,"moduleId":8,"sort":32,"skillCount":33,"createdAt":26},"职场发展","career","mdi-briefcase-outline","面试准备、简历优化、职业规划",4,575,[35],{"id":36,"skillId":4,"version":37,"fileName":38,"fileSize":39,"filePath":40,"fileHash":41,"manifest":42,"createdAt":19},"e868dc17-0660-4d46-9fce-7632d8bfe290","1.0.0","c4-component.zip",2015,"uploads\u002Fskills\u002Fc41ea421-0a1c-47de-a78d-cb3c6cd59d66\u002Fc4-component.zip","61d14e1096edbb1b6bd5f38c341cf213dda476f5d061fca13630508e958a0e91","[{\"path\":\"SKILL.md\",\"isDirectory\":false,\"size\":5030}]",{"code":44,"message":45,"data":46},200,"success",{"items":47,"stats":48,"page":51},[],{"averageRating":49,"totalRatings":49,"ratingCounts":50},0,[49,49,49,49,49],{"limit":52,"offset":49,"hasMore":53,"nextOffset":52,"ratedOnly":16},15,false]