[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6EXXFEEX57FJXN9VA4F540X":3,"skill-same:01M6EXXFEEX57FJXN9VA4F540X":71},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":16,"categories":17,"keywords":23,"publishedAt":35,"linkOnly":36,"markdownContent":37,"markdownBody":38,"frontMatter":39,"refName":42,"commitSha":43,"skillDirectory":44,"forksCount":45,"repositoryHtmlUrl":46,"repositoryHomepageUrl":47,"ownerHtmlUrl":48,"ownerBlogUrl":6,"ownerDescription":49,"updatedAt":50,"install":51,"resources":64},"01M6EXXFEEX57FJXN9VA4F540X","c4-component",null,"Expert C4 Component-level documentation specialist. Synthesizes C4 Code-level documentation into Component-level architecture, defining component boundaries, interfaces, and relationships. Creates component diagrams and documentation. Use when synthesizing code-level documentation into logical components.","ComeOnOliver\u002Fskillshub","ComeOnOliver","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F43215937?v=4","01M6E5JNFECJAAVFE0W7SMWWD2","Haoran Shu","01M6E5JNNDQS7AJZDYFQ8TPZCK",67,"MIT","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Faiskillstore\u002Fmarketplace\u002Fsickn33\u002Fc4-component\u002FSKILL.md",[18],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000030","开发工程师","PROFESSION","适用职业",[24,25,26,27,28,29,30,31,32,33,34],"component","c4 component","components","architecture","documentation","code","use","diagrams","expert","c4 code","relationships","2026-11-10 10:12:30",false,"---\nname: c4-component\ndescription: Expert C4 Component-level documentation specialist. Synthesizes C4\n  Code-level documentation into Component-level architecture, defining component\n  boundaries, interfaces, and relationships. Creates component diagrams and\n  documentation. Use when synthesizing code-level documentation into logical\n  components.\nmetadata:\n  model: sonnet\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](.\u002Fc4-code-file-1.md) - [Description]\n- [c4-code-file-2.md](.\u002Fc4-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](.\u002Fc4-component-name-1.md)\n\n### [Component 2]\n- **Name**: [Component name]\n- **Description**: [Short description]\n- **Documentation**: [c4-component-name-2.md](.\u002Fc4-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","# 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](.\u002Fc4-code-file-1.md) - [Description]\n- [c4-code-file-2.md](.\u002Fc4-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](.\u002Fc4-component-name-1.md)\n\n### [Component 2]\n- **Name**: [Component name]\n- **Description**: [Short description]\n- **Documentation**: [c4-component-name-2.md](.\u002Fc4-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",{"name":5,"metadata":40,"description":7},{"model":41},"sonnet","main","def8531e65114c0fca8fb8551c1871ee0eed705c","skills\u002Faiskillstore\u002Fmarketplace\u002Fsickn33\u002Fc4-component",24,"https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub","https:\u002F\u002Fskillshub.wtf","https:\u002F\u002Fgithub.com\u002FComeOnOliver","AI & Blockchain Engineer\r\n","2026-06-24 22:07:19",{"source":8,"skillName":5,"commands":52,"prompt":62,"zipAvailable":63},[53,56,59],{"tool":54,"command":55},"npx","npx skills add ComeOnOliver\u002Fskillshub --skill c4-component",{"tool":57,"command":58},"bunx","bunx skills add ComeOnOliver\u002Fskillshub --skill c4-component",{"tool":60,"command":61},"pnpm","pnpm dlx skills add ComeOnOliver\u002Fskillshub --skill c4-component","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Faiskillstore\u002Fmarketplace\u002Fsickn33\u002Fc4-component\u002FSKILL.md",true,[65],{"path":66,"resourceType":67,"resourceTypeDesc":68,"sizeBytes":69,"sourceHtmlUrl":70},"skill-report.json","REFERENCE","参考文档",8672,"https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Faiskillstore\u002Fmarketplace\u002Fsickn33\u002Fc4-component\u002Fskill-report.json",[72,86,96,105,111,118],{"skillNo":73,"name":74,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":75,"categories":76,"keywords":82,"publishedAt":35},"01M6FKJN13GMG4KY57J3QD8GY5","model-hierarchy-skill","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzscole\u002Fmodel-hierarchy-skill\u002Fmodel-hierarchy-skill\u002FSKILL.md",[77],{"categoryNo":78,"categoryName":79,"taxonomyType":80,"taxonomyTypeDesc":81},"01JBSEEDCAT000000000000023","Skill与智能体开发","SCENARIO","使用场景",[83,84,85],"model","model hierarchy","model hierarchy skill",{"skillNo":87,"name":88,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":89,"categories":90,"keywords":92,"publishedAt":35},"01M6FKJJJ6GCAMR4PPPRD12M5X","zoom-mcp","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fzoom-mcp\u002FSKILL.md",[91],{"categoryNo":78,"categoryName":79,"taxonomyType":80,"taxonomyTypeDesc":81},[93,94,95],"MCP","zoom","zoom mcp",{"skillNo":97,"name":98,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":99,"categories":100,"keywords":101,"publishedAt":35},"01M6FKJE3KYT3KPEZMEEHYKA6K","zoom-apps-sdk","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fzoom-apps-sdk\u002FSKILL.md",[],[102,103,104,94],"sdk","zoom apps sdk","apps",{"skillNo":106,"name":107,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":108,"categories":109,"keywords":110,"publishedAt":35},"01M6FKJ9EDH9Q5VWDF8HAJRSP0","windows","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fwindows\u002FSKILL.md",[],[107],{"skillNo":112,"name":113,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":114,"categories":115,"keywords":117,"publishedAt":35},"01M6FKJ666BEEFC3AE9GJ72Q93","whiteboard","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fwhiteboard\u002FSKILL.md",[116],{"categoryNo":78,"categoryName":79,"taxonomyType":80,"taxonomyTypeDesc":81},[113],{"skillNo":119,"name":120,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":121,"categories":122,"keywords":123,"publishedAt":35},"01M6FKJ21WFCDGTJQ2Q91T9DVW","websockets","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fwebsockets\u002FSKILL.md",[],[120]]