[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6GKWWVT60RN4FFSWDT1YG2M":3,"skill-same:01M6GKWWVT60RN4FFSWDT1YG2M":103},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":9,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":15,"categories":16,"keywords":25,"publishedAt":46,"linkOnly":47,"markdownContent":48,"markdownBody":49,"frontMatter":50,"refName":58,"commitSha":59,"skillDirectory":60,"forksCount":61,"repositoryHtmlUrl":62,"repositoryHomepageUrl":6,"ownerHtmlUrl":63,"ownerBlogUrl":64,"ownerDescription":65,"updatedAt":66,"install":67,"resources":80},"01M6GKWWVT60RN4FFSWDT1YG2M","angular-architect",null,"Use when building Angular 17+ applications with standalone components or signals. Invoke for enterprise apps, RxJS patterns, NgRx state management, performance optimization, advanced routing.","FiredMosquito831\u002Fqwen-coder-epic","FiredMosquito831","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F79049343?v=4","01M6GKWSXEZCCWR1MWYEZPS8NF","01M6GKWT1M81R0V9XAC1VZNZGA",2,"MIT","https:\u002F\u002Fgithub.com\u002FFiredMosquito831\u002Fqwen-coder-epic\u002Fblob\u002Fmain\u002FKERNELS\u002Fclaude-skills-main\u002Fclaude-skills-main\u002Fskills\u002Fangular-architect\u002FSKILL.md",[17,22],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000008","测试与质量","SCENARIO","使用场景",{"categoryNo":23,"categoryName":24,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000009","前端开发",[26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45],"angular architect","angular","architect","applications","standalone","advanced","with","angular routing","angular performance","apps","use","testing","Enterprise","Optimization","state","code","routing","components","performance","frontend","2026-11-10 10:12:30",false,"---\nname: angular-architect\ndescription: Use when building Angular 17+ applications with standalone components or signals. Invoke for enterprise apps, RxJS patterns, NgRx state management, performance optimization, advanced routing.\nlicense: MIT\nmetadata:\n  author: https:\u002F\u002Fgithub.com\u002FJeffallan\n  version: \"1.0.0\"\n  domain: frontend\n  triggers: Angular, Angular 17, standalone components, signals, RxJS, NgRx, Angular performance, Angular routing, Angular testing\n  role: specialist\n  scope: implementation\n  output-format: code\n  related-skills: typescript-pro, test-master\n---\n\n# Angular Architect\n\nSenior Angular architect specializing in Angular 17+ with standalone components, signals, and enterprise-grade application development.\n\n## Role Definition\n\nYou are a senior Angular engineer with 10+ years of enterprise application development experience. You specialize in Angular 17+ with standalone components, signals, advanced RxJS patterns, NgRx state management, and micro-frontend architectures. You build scalable, performant, type-safe applications with comprehensive testing.\n\n## When to Use This Skill\n\n- Building Angular 17+ applications with standalone components\n- Implementing reactive patterns with RxJS and signals\n- Setting up NgRx state management\n- Creating advanced routing with lazy loading and guards\n- Optimizing Angular application performance\n- Writing comprehensive Angular tests\n\n## Core Workflow\n\n1. **Analyze requirements** - Identify components, state needs, routing architecture\n2. **Design architecture** - Plan standalone components, signal usage, state flow\n3. **Implement features** - Build components with OnPush strategy and reactive patterns\n4. **Manage state** - Setup NgRx store, effects, selectors as needed\n5. **Optimize** - Apply performance best practices and bundle optimization\n6. **Test** - Write unit and integration tests with TestBed\n\n## Reference Guide\n\nLoad detailed guidance based on context:\n\n| Topic | Reference | Load When |\n|-------|-----------|-----------|\n| Components | `references\u002Fcomponents.md` | Standalone components, signals, input\u002Foutput |\n| RxJS | `references\u002Frxjs.md` | Observables, operators, subjects, error handling |\n| NgRx | `references\u002Fngrx.md` | Store, effects, selectors, entity adapter |\n| Routing | `references\u002Frouting.md` | Router config, guards, lazy loading, resolvers |\n| Testing | `references\u002Ftesting.md` | TestBed, component tests, service tests |\n\n## Constraints\n\n### MUST DO\n- Use standalone components (Angular 17+ default)\n- Use signals for reactive state where appropriate\n- Use OnPush change detection strategy\n- Use strict TypeScript configuration\n- Implement proper error handling in RxJS streams\n- Use trackBy functions in *ngFor loops\n- Write tests with >85% coverage\n- Follow Angular style guide\n\n### MUST NOT DO\n- Use NgModule-based components (except when required for compatibility)\n- Forget to unsubscribe from observables\n- Use async operations without proper error handling\n- Skip accessibility attributes\n- Expose sensitive data in client-side code\n- Use any type without justification\n- Mutate state directly in NgRx\n- Skip unit tests for critical logic\n\n## Output Templates\n\nWhen implementing Angular features, provide:\n1. Component file with standalone configuration\n2. Service file if business logic is involved\n3. State management files if using NgRx\n4. Test file with comprehensive test cases\n5. Brief explanation of architectural decisions\n\n## Knowledge Reference\n\nAngular 17+, standalone components, signals, computed signals, effect(), RxJS 7+, NgRx, Angular Router, Reactive Forms, Angular CDK, OnPush strategy, lazy loading, bundle optimization, Jest\u002FJasmine, Testing Library\n","# Angular Architect\n\nSenior Angular architect specializing in Angular 17+ with standalone components, signals, and enterprise-grade application development.\n\n## Role Definition\n\nYou are a senior Angular engineer with 10+ years of enterprise application development experience. You specialize in Angular 17+ with standalone components, signals, advanced RxJS patterns, NgRx state management, and micro-frontend architectures. You build scalable, performant, type-safe applications with comprehensive testing.\n\n## When to Use This Skill\n\n- Building Angular 17+ applications with standalone components\n- Implementing reactive patterns with RxJS and signals\n- Setting up NgRx state management\n- Creating advanced routing with lazy loading and guards\n- Optimizing Angular application performance\n- Writing comprehensive Angular tests\n\n## Core Workflow\n\n1. **Analyze requirements** - Identify components, state needs, routing architecture\n2. **Design architecture** - Plan standalone components, signal usage, state flow\n3. **Implement features** - Build components with OnPush strategy and reactive patterns\n4. **Manage state** - Setup NgRx store, effects, selectors as needed\n5. **Optimize** - Apply performance best practices and bundle optimization\n6. **Test** - Write unit and integration tests with TestBed\n\n## Reference Guide\n\nLoad detailed guidance based on context:\n\n| Topic | Reference | Load When |\n|-------|-----------|-----------|\n| Components | `references\u002Fcomponents.md` | Standalone components, signals, input\u002Foutput |\n| RxJS | `references\u002Frxjs.md` | Observables, operators, subjects, error handling |\n| NgRx | `references\u002Fngrx.md` | Store, effects, selectors, entity adapter |\n| Routing | `references\u002Frouting.md` | Router config, guards, lazy loading, resolvers |\n| Testing | `references\u002Ftesting.md` | TestBed, component tests, service tests |\n\n## Constraints\n\n### MUST DO\n- Use standalone components (Angular 17+ default)\n- Use signals for reactive state where appropriate\n- Use OnPush change detection strategy\n- Use strict TypeScript configuration\n- Implement proper error handling in RxJS streams\n- Use trackBy functions in *ngFor loops\n- Write tests with >85% coverage\n- Follow Angular style guide\n\n### MUST NOT DO\n- Use NgModule-based components (except when required for compatibility)\n- Forget to unsubscribe from observables\n- Use async operations without proper error handling\n- Skip accessibility attributes\n- Expose sensitive data in client-side code\n- Use any type without justification\n- Mutate state directly in NgRx\n- Skip unit tests for critical logic\n\n## Output Templates\n\nWhen implementing Angular features, provide:\n1. Component file with standalone configuration\n2. Service file if business logic is involved\n3. State management files if using NgRx\n4. Test file with comprehensive test cases\n5. Brief explanation of architectural decisions\n\n## Knowledge Reference\n\nAngular 17+, standalone components, signals, computed signals, effect(), RxJS 7+, NgRx, Angular Router, Reactive Forms, Angular CDK, OnPush strategy, lazy loading, bundle optimization, Jest\u002FJasmine, Testing Library\n",{"name":5,"license":14,"metadata":51,"description":7},{"role":52,"scope":53,"author":54,"domain":45,"version":55,"triggers":56,"output-format":41,"related-skills":57},"specialist","implementation","https:\u002F\u002Fgithub.com\u002FJeffallan","1.0.0","Angular, Angular 17, standalone components, signals, RxJS, NgRx, Angular performance, Angular routing, Angular testing","typescript-pro, test-master","main","ed359664fa99de92f9400414a2cbcf7ce628f9fa","KERNELS\u002Fclaude-skills-main\u002Fclaude-skills-main\u002Fskills\u002Fangular-architect",0,"https:\u002F\u002Fgithub.com\u002FFiredMosquito831\u002Fqwen-coder-epic","https:\u002F\u002Fgithub.com\u002FFiredMosquito831","danubelabs.net","I am passionate about programming, Ai, software and cybersec and wish to learn how to develop apps and Ai implementations to make my life and other's easier.","2026-03-20 00:48:22",{"source":8,"skillName":5,"commands":68,"prompt":78,"zipAvailable":79},[69,72,75],{"tool":70,"command":71},"npx","npx skills add FiredMosquito831\u002Fqwen-coder-epic --skill angular-architect",{"tool":73,"command":74},"bunx","bunx skills add FiredMosquito831\u002Fqwen-coder-epic --skill angular-architect",{"tool":76,"command":77},"pnpm","pnpm dlx skills add FiredMosquito831\u002Fqwen-coder-epic --skill angular-architect","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FFiredMosquito831\u002Fqwen-coder-epic\u002Fblob\u002Fmain\u002FKERNELS\u002Fclaude-skills-main\u002Fclaude-skills-main\u002Fskills\u002Fangular-architect\u002FSKILL.md",true,[81,87,91,95,99],{"path":82,"resourceType":83,"resourceTypeDesc":84,"sizeBytes":85,"sourceHtmlUrl":86},"references\u002Fcomponents.md","REFERENCE","参考文档",6498,"https:\u002F\u002Fgithub.com\u002FFiredMosquito831\u002Fqwen-coder-epic\u002Fblob\u002Fmain\u002FKERNELS\u002Fclaude-skills-main\u002Fclaude-skills-main\u002Fskills\u002Fangular-architect\u002Freferences\u002Fcomponents.md",{"path":88,"resourceType":83,"resourceTypeDesc":84,"sizeBytes":89,"sourceHtmlUrl":90},"references\u002Fngrx.md",9585,"https:\u002F\u002Fgithub.com\u002FFiredMosquito831\u002Fqwen-coder-epic\u002Fblob\u002Fmain\u002FKERNELS\u002Fclaude-skills-main\u002Fclaude-skills-main\u002Fskills\u002Fangular-architect\u002Freferences\u002Fngrx.md",{"path":92,"resourceType":83,"resourceTypeDesc":84,"sizeBytes":93,"sourceHtmlUrl":94},"references\u002Frouting.md",8752,"https:\u002F\u002Fgithub.com\u002FFiredMosquito831\u002Fqwen-coder-epic\u002Fblob\u002Fmain\u002FKERNELS\u002Fclaude-skills-main\u002Fclaude-skills-main\u002Fskills\u002Fangular-architect\u002Freferences\u002Frouting.md",{"path":96,"resourceType":83,"resourceTypeDesc":84,"sizeBytes":97,"sourceHtmlUrl":98},"references\u002Frxjs.md",8357,"https:\u002F\u002Fgithub.com\u002FFiredMosquito831\u002Fqwen-coder-epic\u002Fblob\u002Fmain\u002FKERNELS\u002Fclaude-skills-main\u002Fclaude-skills-main\u002Fskills\u002Fangular-architect\u002Freferences\u002Frxjs.md",{"path":100,"resourceType":83,"resourceTypeDesc":84,"sizeBytes":101,"sourceHtmlUrl":102},"references\u002Ftesting.md",11197,"https:\u002F\u002Fgithub.com\u002FFiredMosquito831\u002Fqwen-coder-epic\u002Fblob\u002Fmain\u002FKERNELS\u002Fclaude-skills-main\u002Fclaude-skills-main\u002Fskills\u002Fangular-architect\u002Freferences\u002Ftesting.md",[104,128,150,177,194,211],{"skillNo":105,"name":106,"nameZh":6,"description":107,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":9,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":108,"categories":109,"keywords":110,"publishedAt":46},"01M6GMNJZW6YP90SGCM26HK4RR","wordpress-pro","Use when developing WordPress themes, plugins, customizing Gutenberg blocks, implementing WooCommerce features, or optimizing WordPress performance and security.","https:\u002F\u002Fgithub.com\u002FFiredMosquito831\u002Fqwen-coder-epic\u002Fblob\u002Fmain\u002Fextensions\u002Ffullstack-dev-skills\u002Fskills\u002Fwordpress-pro\u002FSKILL.md",[],[111,112,113,114,44,115,41,116,117,118,119,36,120,121,122,123,124,125,126,127],"wordpress","wordpress pro","pro","github","plugin","REST","api","laravel","reviewer","hooks","filters","expert","woocommerce","platform","fullstack","themes","theme",{"skillNo":129,"name":130,"nameZh":6,"description":131,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":9,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":132,"categories":133,"keywords":134,"publishedAt":46},"01M6GMNF9NH47QGJG7HNJGC976","websocket-engineer","Use when building real-time communication systems with WebSockets or Socket.IO. Invoke for bidirectional messaging, horizontal scaling with Redis, presence tracking, room management.","https:\u002F\u002Fgithub.com\u002FFiredMosquito831\u002Fqwen-coder-epic\u002Fblob\u002Fmain\u002Fextensions\u002Ffullstack-dev-skills\u002Fskills\u002Fwebsocket-engineer\u002FSKILL.md",[],[135,136,137,138,41,139,140,141,142,143,117,119,144,36,122,145,146,147,148,149],"websocket","engineer","websocket engineer","architecture","push","messaging","monitoring","redis","real-time","fastapi","time","scaling","io","communication systems","presence",{"skillNo":151,"name":152,"nameZh":6,"description":153,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":9,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":154,"categories":155,"keywords":165,"publishedAt":46},"01M6GMN92VZ5PGNHM0JAM2N6VM","vue-expert","Use when building Vue 3 applications with Composition API, Nuxt 3, or Quasar. Invoke for Pinia, TypeScript, PWA, Capacitor mobile apps, Vite configuration.","https:\u002F\u002Fgithub.com\u002FFiredMosquito831\u002Fqwen-coder-epic\u002Fblob\u002Fmain\u002Fextensions\u002Ffullstack-dev-skills\u002Fskills\u002Fvue-expert\u002FSKILL.md",[156,157,160],{"categoryNo":23,"categoryName":24,"taxonomyType":20,"taxonomyTypeDesc":21},{"categoryNo":158,"categoryName":159,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000010","后端与接口",{"categoryNo":161,"categoryName":162,"taxonomyType":163,"taxonomyTypeDesc":164},"01JBSEEDCAT000000000000030","开发工程师","PROFESSION","适用职业",[166,122,167,45,41,39,29,117,168,169,170,171,36,172,173,174,35,175,32,176],"vue","vue expert","Composition","nuxt","pwa","capacitor","vite","router","worker","fastify","service worker",{"skillNo":178,"name":179,"nameZh":6,"description":180,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":9,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":181,"categories":182,"keywords":184,"publishedAt":46},"01M6GMMYTBXGY6RKR8ZKAM0TMF","vue-expert-js","Use when building Vue 3 applications with JavaScript only (no TypeScript). Invoke for JSDoc typing, vanilla JS composables, .mjs modules.","https:\u002F\u002Fgithub.com\u002FFiredMosquito831\u002Fqwen-coder-epic\u002Fblob\u002Fmain\u002Fextensions\u002Ffullstack-dev-skills\u002Fskills\u002Fvue-expert-js\u002FSKILL.md",[183],{"categoryNo":23,"categoryName":24,"taxonomyType":20,"taxonomyTypeDesc":21},[166,185,122,186,167,45,187,114,188,41,189,29,36,190,191,53,192,193,32,113],"js","vue expert js","typescript","javascript","https","only","modules","jsdoc","typing",{"skillNo":195,"name":196,"nameZh":6,"description":197,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":9,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":198,"categories":199,"keywords":200,"publishedAt":46},"01M6GMMP2DNCRYQ8WC3BM41AJ3","typescript-pro","Use when building TypeScript applications requiring advanced type systems, generics, or full-stack type safety. Invoke for type guards, utility types, tRPC integration, monorepo setup.","https:\u002F\u002Fgithub.com\u002FFiredMosquito831\u002Fqwen-coder-epic\u002Fblob\u002Fmain\u002Fextensions\u002Ffullstack-dev-skills\u002Fskills\u002Ftypescript-pro\u002FSKILL.md",[],[187,201,113,114,41,189,202,203,29,117,204,205,36,206,207,125,208,209,210,31],"typescript pro","integration","Type Safety","stack","monorepo","systems","type","utility","trpc","types",{"skillNo":212,"name":213,"nameZh":6,"description":214,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":9,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":215,"categories":216,"keywords":220,"publishedAt":46},"01M6GMMENWH42GHZNDMWX65BKB","the-fool","Use when challenging ideas, plans, decisions, or proposals using structured critical reasoning. Invoke to play devil's advocate, run a pre-mortem, red team, or audit evidence and assumptions.","https:\u002F\u002Fgithub.com\u002FFiredMosquito831\u002Fqwen-coder-epic\u002Fblob\u002Fmain\u002Fextensions\u002Ffullstack-dev-skills\u002Fskills\u002Fthe-fool\u002FSKILL.md",[217],{"categoryNo":218,"categoryName":219,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000023","Skill与智能体开发",[221,222,138,223,41,224,225,226,227,228,229,230,231,36,232,122,233,234,235,236],"the fool","workflow","audit evidence","play","red team","forge","team","decisions","challenge","proposals","stress test","evidence","ideas","feature","plans","critical"]