[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M71RRN7XDVRKB0ZWVT0SAS6X":3,"skill-same:01M71RRN7XDVRKB0ZWVT0SAS6X":44},{"skillNo":4,"name":5,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":7,"ownerLogin":8,"ownerAvatarUrl":9,"ownerAccountNo":10,"ownerDisplayName":6,"repositoryNo":11,"starsCount":12,"licenseSpdxId":13,"licenseFileUrl":6,"sourceHtmlUrl":14,"categories":15,"keywords":16,"publishedAt":19,"linkOnly":20,"markdownContent":21,"markdownBody":22,"frontMatter":23,"refName":24,"commitSha":25,"skillDirectory":26,"forksCount":12,"repositoryHtmlUrl":27,"repositoryHomepageUrl":6,"ownerHtmlUrl":28,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":29,"install":30,"resources":43},"01M71RRN7XDVRKB0ZWVT0SAS6X","c4-component",null,"javiertarazon\u002Fide-agente-free-jt7-","javiertarazon","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F153141207?v=4","01M71R52TB3S9HXKH6WSNT8A7V","01M71R52VG5KS2DKDDH4GDQ30A",0,"MIT","https:\u002F\u002Fgithub.com\u002Fjaviertarazon\u002Fide-agente-free-jt7-\u002Fblob\u002Frelease\u002Fv4.2.11-panel-pro\u002F.github\u002Fskills\u002Fc4-component\u002FSKILL.md",[],[17,18],"component","c4 component","2026-11-10 13:02:02",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\nrisk: unknown\nsource: community\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","# 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",{},"release\u002Fv4.2.11-panel-pro","a92ea02bcf7e2b3dbaf46d49696c29a3cb490d4f",".github\u002Fskills\u002Fc4-component","https:\u002F\u002Fgithub.com\u002Fjaviertarazon\u002Fide-agente-free-jt7-","https:\u002F\u002Fgithub.com\u002Fjaviertarazon","2026-07-12 07:10:45",{"source":7,"skillName":5,"commands":31,"prompt":41,"zipAvailable":42},[32,35,38],{"tool":33,"command":34},"npx","npx skills add javiertarazon\u002Fide-agente-free-jt7- --skill c4-component",{"tool":36,"command":37},"bunx","bunx skills add javiertarazon\u002Fide-agente-free-jt7- --skill c4-component",{"tool":39,"command":40},"pnpm","pnpm dlx skills add javiertarazon\u002Fide-agente-free-jt7- --skill c4-component","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fjaviertarazon\u002Fide-agente-free-jt7-\u002Fblob\u002Frelease\u002Fv4.2.11-panel-pro\u002F.github\u002Fskills\u002Fc4-component\u002FSKILL.md",true,[],[45,77,104,124,139,161],{"skillNo":46,"name":47,"nameZh":6,"description":48,"descriptionZh":6,"repositoryFullName":7,"ownerLogin":8,"ownerAvatarUrl":9,"ownerAccountNo":10,"ownerDisplayName":6,"repositoryNo":11,"starsCount":12,"licenseSpdxId":13,"licenseFileUrl":6,"sourceHtmlUrl":49,"categories":50,"keywords":56,"publishedAt":19},"01M71TQ7Q6Z10VWF3C2H5X1KW9","zustand-store-ts","Create Zustand stores with TypeScript, subscribeWithSelector middleware, and proper state\u002Faction separation. Use when building React state management, creating global stores, or implementing reacti...","https:\u002F\u002Fgithub.com\u002Fjaviertarazon\u002Fide-agente-free-jt7-\u002Fblob\u002Frelease\u002Fv4.2.11-panel-pro\u002F.github\u002Fskills\u002Fzustand-store-ts\u002FSKILL.md",[51],{"categoryNo":52,"categoryName":53,"taxonomyType":54,"taxonomyTypeDesc":55},"01JBSEEDCAT000000000000009","前端开发","SCENARIO","使用场景",[57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72,73,74,75,76],"zustand","store","zustand store ts","community","middleware","implementing","use","react state management","when","unknown","react","with","state","create","state management","typescript","action","management","separation","global",{"skillNo":78,"name":79,"nameZh":6,"description":80,"descriptionZh":6,"repositoryFullName":7,"ownerLogin":8,"ownerAvatarUrl":9,"ownerAccountNo":10,"ownerDisplayName":6,"repositoryNo":11,"starsCount":12,"licenseSpdxId":13,"licenseFileUrl":6,"sourceHtmlUrl":81,"categories":82,"keywords":86,"publishedAt":19},"01M71TQ5EAR40G6W0MV5ZDVEZT","zoom-automation","Automate Zoom meeting creation, management, recordings, webinars, and participant tracking via Rube MCP (Composio). Always search tools first for current schemas.","https:\u002F\u002Fgithub.com\u002Fjaviertarazon\u002Fide-agente-free-jt7-\u002Fblob\u002Frelease\u002Fv4.2.11-panel-pro\u002F.github\u002Fskills\u002Fzoom-automation\u002FSKILL.md",[83],{"categoryNo":84,"categoryName":85,"taxonomyType":54,"taxonomyTypeDesc":55},"01JBSEEDCAT000000000000023","Skill与智能体开发",[87,88,89,60,90,91,92,93,94,66,95,96,97,98,99,100,101,102,74,103],"zoom automation","zoom","automation","creation","for","search","schemas","MCP","first","via","meeting","search tools","tracking","webinars","composio","recordings","Tools",{"skillNo":105,"name":106,"nameZh":6,"description":107,"descriptionZh":6,"repositoryFullName":7,"ownerLogin":8,"ownerAvatarUrl":9,"ownerAccountNo":10,"ownerDisplayName":6,"repositoryNo":11,"starsCount":12,"licenseSpdxId":13,"licenseFileUrl":6,"sourceHtmlUrl":108,"categories":109,"keywords":111,"publishedAt":19},"01M71TQ29B1EYBCEAP1ZBGXQ1A","zoho-crm-automation","Automate Zoho CRM tasks via Rube MCP (Composio): create\u002Fupdate records, search contacts, manage leads, and convert leads. Always search tools first for current schemas.","https:\u002F\u002Fgithub.com\u002Fjaviertarazon\u002Fide-agente-free-jt7-\u002Fblob\u002Frelease\u002Fv4.2.11-panel-pro\u002F.github\u002Fskills\u002Fzoho-crm-automation\u002FSKILL.md",[110],{"categoryNo":84,"categoryName":85,"taxonomyType":54,"taxonomyTypeDesc":55},[112,113,89,114,115,116,60,117,118,91,119,92,93,120,94,66,121,122,123,70],"crm automation","zoho crm automation","crm","zoho crm","zoho","leads","manage leads","manage","records","convert","tasks","contacts",{"skillNo":125,"name":126,"nameZh":6,"description":127,"descriptionZh":6,"repositoryFullName":7,"ownerLogin":8,"ownerAvatarUrl":9,"ownerAccountNo":10,"ownerDisplayName":6,"repositoryNo":11,"starsCount":12,"licenseSpdxId":13,"licenseFileUrl":6,"sourceHtmlUrl":128,"categories":129,"keywords":131,"publishedAt":19},"01M71TPZPMN60DH0XV58KVHY23","zendesk-automation","Automate Zendesk tasks via Rube MCP (Composio): tickets, users, organizations, replies. Always search tools first for current schemas.","https:\u002F\u002Fgithub.com\u002Fjaviertarazon\u002Fide-agente-free-jt7-\u002Fblob\u002Frelease\u002Fv4.2.11-panel-pro\u002F.github\u002Fskills\u002Fzendesk-automation\u002FSKILL.md",[130],{"categoryNo":84,"categoryName":85,"taxonomyType":54,"taxonomyTypeDesc":55},[132,89,133,60,91,92,93,94,134,66,122,135,136,95,96,137,98,101,103,138],"zendesk automation","zendesk","organizations","replies","users","tickets","automate",{"skillNo":140,"name":141,"nameZh":6,"description":142,"descriptionZh":6,"repositoryFullName":7,"ownerLogin":8,"ownerAvatarUrl":9,"ownerAccountNo":10,"ownerDisplayName":6,"repositoryNo":11,"starsCount":12,"licenseSpdxId":13,"licenseFileUrl":6,"sourceHtmlUrl":143,"categories":144,"keywords":145,"publishedAt":19},"01M71TPXDWKHKG4N6TVEPXWD0N","zapier-make-patterns","No-code automation democratizes workflow building. Zapier and Make (formerly Integromat) let non-developers automate business processes without writing code. But no-code doesn't mean no-complexity ...","https:\u002F\u002Fgithub.com\u002Fjaviertarazon\u002Fide-agente-free-jt7-\u002Fblob\u002Frelease\u002Fv4.2.11-panel-pro\u002F.github\u002Fskills\u002Fzapier-make-patterns\u002FSKILL.md",[],[146,147,148,149,150,151,152,153,154,89,155,66,156,157,158,159,160,138],"zapier make patterns","zapier","patterns","make","No-Code","complexity","writing","spawner","business","workflow","code","integromat","apache","processes","but",{"skillNo":162,"name":163,"nameZh":6,"description":164,"descriptionZh":6,"repositoryFullName":7,"ownerLogin":8,"ownerAvatarUrl":9,"ownerAccountNo":10,"ownerDisplayName":6,"repositoryNo":11,"starsCount":12,"licenseSpdxId":13,"licenseFileUrl":6,"sourceHtmlUrl":165,"categories":166,"keywords":170,"publishedAt":19},"01M71TPT5T10WXNKW9G7ZXZ27W","youtube-summarizer","Extract transcripts from YouTube videos and generate comprehensive, detailed summaries using intelligent analysis frameworks","https:\u002F\u002Fgithub.com\u002Fjaviertarazon\u002Fide-agente-free-jt7-\u002Fblob\u002Frelease\u002Fv4.2.11-panel-pro\u002F.github\u002Fskills\u002Fyoutube-summarizer\u002FSKILL.md",[167],{"categoryNo":168,"categoryName":169,"taxonomyType":54,"taxonomyTypeDesc":55},"01JBSEEDCAT000000000000016","图像与多媒体",[171,172,173,174,60,175,176,177,178,179,180,181,156,182,183,184,185,186,187,188],"summarizer","youtube","youtube summarizer","Video","content-analysis","frameworks","copilot","2025","github-copilot","extract transcripts","analysis","codex","cli","summaries","github","generate","summarization","2026"]