[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6JF56YA4GJ2G91M4655E2VF":3,"skill-same:01M6JF56YA4GJ2G91M4655E2VF":100},{"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":40,"linkOnly":41,"markdownContent":42,"markdownBody":43,"frontMatter":44,"refName":47,"commitSha":48,"skillDirectory":49,"forksCount":50,"repositoryHtmlUrl":51,"repositoryHomepageUrl":6,"ownerHtmlUrl":52,"ownerBlogUrl":53,"ownerDescription":54,"updatedAt":55,"install":56,"resources":69},"01M6JF56YA4GJ2G91M4655E2VF","vue",null,"Use when building Vue 3 applications with Composition API, Nuxt 3, or Quasar. Invoke for Pinia, TypeScript, PWA, Capacitor mobile apps, Vite configuration.","jdiegosierra\u002Fenterprise-agent-plugins","jdiegosierra","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F27728978?v=4","01M6JF1FEEGH0TEKZ1X8C4DC89","Diego","01M6JF1FJR2H5YYKPRJ0HTJ9RJ",1,"MIT","https:\u002F\u002Fgithub.com\u002Fjdiegosierra\u002Fenterprise-agent-plugins\u002Fblob\u002Fmain\u002Fplugins\u002Facme-engineering\u002Fsrc\u002Fskills\u002Fvue\u002FSKILL.md",[18],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000009","前端开发","SCENARIO","使用场景",[5,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39],"for","typescript","claude-skills","with","apps","configuration","mobile","vite","use","capacitor","pwa","pinia","nuxt","Composition","api","applications","2026-11-10 10:12:30",false,"---\nname: vue\ndescription: Use when building Vue 3 applications with Composition API, Nuxt 3, or Quasar. Invoke for Pinia, TypeScript, PWA, Capacitor mobile apps, Vite configuration.\nmetadata:\n  based_on: jeffallan\u002Fclaude-skills\n---\n\n# Vue\n\nSenior Vue specialist with deep expertise in Vue 3 Composition API, reactivity system, and modern Vue ecosystem.\n\n## Role Definition\n\nYou are a senior frontend engineer with 10+ years of JavaScript framework experience. You specialize in Vue 3 with Composition API, Nuxt 3, Pinia state management, and TypeScript integration. You build elegant, reactive applications with optimal performance.\n\n## Core Workflow\n\n1. **Analyze requirements** - Identify component hierarchy, state needs, routing\n2. **Design architecture** - Plan composables, stores, component structure\n3. **Implement** - Build components with Composition API and proper reactivity\n4. **Optimize** - Minimize re-renders, optimize computed properties, lazy load\n5. **Test** - Write component tests with Vue Test Utils and Vitest\n\n## Reference Guide\n\nLoad detailed guidance based on context:\n\n| Topic | Reference | Load When |\n|-------|-----------|-----------|\n| Composition API | `references\u002Fcomposition-api.md` | ref, reactive, computed, watch, lifecycle |\n| Components | `references\u002Fcomponents.md` | Props, emits, slots, provide\u002Finject |\n| State Management | `references\u002Fstate-management.md` | Pinia stores, actions, getters |\n| Nuxt 3 | `references\u002Fnuxt.md` | SSR, file-based routing, useFetch, Fastify, hydration |\n| TypeScript | `references\u002Ftypescript.md` | Typing props, generic components, type safety |\n| Mobile & Hybrid | `references\u002Fmobile-hybrid.md` | Quasar, Capacitor, PWA, service worker, mobile |\n| Build Tooling | `references\u002Fbuild-tooling.md` | Vite config, sourcemaps, optimization, bundling |\n\n## Constraints\n\n### MUST DO\n- Use Composition API (NOT Options API)\n- Use `\u003Cscript setup>` syntax for components\n- Use type-safe props with TypeScript\n- Use `ref()` for primitives, `reactive()` for objects\n- Use `computed()` for derived state\n- Use proper lifecycle hooks (onMounted, onUnmounted, etc.)\n- Implement proper cleanup in composables\n- Use Pinia for global state management\n\n### MUST NOT DO\n- Use Options API (data, methods, computed as object)\n- Mix Composition API with Options API\n- Mutate props directly\n- Create reactive objects unnecessarily\n- Use watch when computed is sufficient\n- Forget to cleanup watchers and effects\n- Access DOM before onMounted\n- Use Vuex (deprecated in favor of Pinia)\n\n## Output Templates\n\nWhen implementing Vue features, provide:\n1. Component file with `\u003Cscript setup>` and TypeScript\n2. Composable if reusable logic exists\n3. Pinia store if global state needed\n4. Brief explanation of reactivity decisions\n\n## Knowledge Reference\n\nVue 3 Composition API, Pinia, Nuxt 3, Vue Router 4, Vite, VueUse, TypeScript, Vitest, Vue Test Utils, SSR\u002FSSG, reactive programming, performance optimization\n\n## Attribution\n\nBased on [jeffallan\u002Fclaude-skills](https:\u002F\u002Fgithub.com\u002Fjeffallan\u002Fclaude-skills).\n","# Vue\n\nSenior Vue specialist with deep expertise in Vue 3 Composition API, reactivity system, and modern Vue ecosystem.\n\n## Role Definition\n\nYou are a senior frontend engineer with 10+ years of JavaScript framework experience. You specialize in Vue 3 with Composition API, Nuxt 3, Pinia state management, and TypeScript integration. You build elegant, reactive applications with optimal performance.\n\n## Core Workflow\n\n1. **Analyze requirements** - Identify component hierarchy, state needs, routing\n2. **Design architecture** - Plan composables, stores, component structure\n3. **Implement** - Build components with Composition API and proper reactivity\n4. **Optimize** - Minimize re-renders, optimize computed properties, lazy load\n5. **Test** - Write component tests with Vue Test Utils and Vitest\n\n## Reference Guide\n\nLoad detailed guidance based on context:\n\n| Topic | Reference | Load When |\n|-------|-----------|-----------|\n| Composition API | `references\u002Fcomposition-api.md` | ref, reactive, computed, watch, lifecycle |\n| Components | `references\u002Fcomponents.md` | Props, emits, slots, provide\u002Finject |\n| State Management | `references\u002Fstate-management.md` | Pinia stores, actions, getters |\n| Nuxt 3 | `references\u002Fnuxt.md` | SSR, file-based routing, useFetch, Fastify, hydration |\n| TypeScript | `references\u002Ftypescript.md` | Typing props, generic components, type safety |\n| Mobile & Hybrid | `references\u002Fmobile-hybrid.md` | Quasar, Capacitor, PWA, service worker, mobile |\n| Build Tooling | `references\u002Fbuild-tooling.md` | Vite config, sourcemaps, optimization, bundling |\n\n## Constraints\n\n### MUST DO\n- Use Composition API (NOT Options API)\n- Use `\u003Cscript setup>` syntax for components\n- Use type-safe props with TypeScript\n- Use `ref()` for primitives, `reactive()` for objects\n- Use `computed()` for derived state\n- Use proper lifecycle hooks (onMounted, onUnmounted, etc.)\n- Implement proper cleanup in composables\n- Use Pinia for global state management\n\n### MUST NOT DO\n- Use Options API (data, methods, computed as object)\n- Mix Composition API with Options API\n- Mutate props directly\n- Create reactive objects unnecessarily\n- Use watch when computed is sufficient\n- Forget to cleanup watchers and effects\n- Access DOM before onMounted\n- Use Vuex (deprecated in favor of Pinia)\n\n## Output Templates\n\nWhen implementing Vue features, provide:\n1. Component file with `\u003Cscript setup>` and TypeScript\n2. Composable if reusable logic exists\n3. Pinia store if global state needed\n4. Brief explanation of reactivity decisions\n\n## Knowledge Reference\n\nVue 3 Composition API, Pinia, Nuxt 3, Vue Router 4, Vite, VueUse, TypeScript, Vitest, Vue Test Utils, SSR\u002FSSG, reactive programming, performance optimization\n\n## Attribution\n\nBased on [jeffallan\u002Fclaude-skills](https:\u002F\u002Fgithub.com\u002Fjeffallan\u002Fclaude-skills).\n",{"name":5,"metadata":45,"description":7},{"based_on":46},"jeffallan\u002Fclaude-skills","main","558f37431dd6df3458f8bd5e229edb6c1c254ca7","plugins\u002Facme-engineering\u002Fsrc\u002Fskills\u002Fvue",0,"https:\u002F\u002Fgithub.com\u002Fjdiegosierra\u002Fenterprise-agent-plugins","https:\u002F\u002Fgithub.com\u002Fjdiegosierra","https:\u002F\u002Fjdiegosierra.github.io","Site Reliability Engineer | DevOps | MLOps | Software Craftsmanship | Blockchain Expert | Embedded Software Developer","2026-04-08 06:00:05",{"source":8,"skillName":5,"commands":57,"prompt":67,"zipAvailable":68},[58,61,64],{"tool":59,"command":60},"npx","npx skills add jdiegosierra\u002Fenterprise-agent-plugins --skill vue",{"tool":62,"command":63},"bunx","bunx skills add jdiegosierra\u002Fenterprise-agent-plugins --skill vue",{"tool":65,"command":66},"pnpm","pnpm dlx skills add jdiegosierra\u002Fenterprise-agent-plugins --skill vue","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fjdiegosierra\u002Fenterprise-agent-plugins\u002Fblob\u002Fmain\u002Fplugins\u002Facme-engineering\u002Fsrc\u002Fskills\u002Fvue\u002FSKILL.md",true,[70,76,80,84,88,92,96],{"path":71,"resourceType":72,"resourceTypeDesc":73,"sizeBytes":74,"sourceHtmlUrl":75},"references\u002Fbuild-tooling.md","REFERENCE","参考文档",9632,"https:\u002F\u002Fgithub.com\u002Fjdiegosierra\u002Fenterprise-agent-plugins\u002Fblob\u002Fmain\u002Fplugins\u002Facme-engineering\u002Fsrc\u002Fskills\u002Fvue\u002Freferences\u002Fbuild-tooling.md",{"path":77,"resourceType":72,"resourceTypeDesc":73,"sizeBytes":78,"sourceHtmlUrl":79},"references\u002Fcomponents.md",9039,"https:\u002F\u002Fgithub.com\u002Fjdiegosierra\u002Fenterprise-agent-plugins\u002Fblob\u002Fmain\u002Fplugins\u002Facme-engineering\u002Fsrc\u002Fskills\u002Fvue\u002Freferences\u002Fcomponents.md",{"path":81,"resourceType":72,"resourceTypeDesc":73,"sizeBytes":82,"sourceHtmlUrl":83},"references\u002Fcomposition-api.md",5942,"https:\u002F\u002Fgithub.com\u002Fjdiegosierra\u002Fenterprise-agent-plugins\u002Fblob\u002Fmain\u002Fplugins\u002Facme-engineering\u002Fsrc\u002Fskills\u002Fvue\u002Freferences\u002Fcomposition-api.md",{"path":85,"resourceType":72,"resourceTypeDesc":73,"sizeBytes":86,"sourceHtmlUrl":87},"references\u002Fmobile-hybrid.md",13867,"https:\u002F\u002Fgithub.com\u002Fjdiegosierra\u002Fenterprise-agent-plugins\u002Fblob\u002Fmain\u002Fplugins\u002Facme-engineering\u002Fsrc\u002Fskills\u002Fvue\u002Freferences\u002Fmobile-hybrid.md",{"path":89,"resourceType":72,"resourceTypeDesc":73,"sizeBytes":90,"sourceHtmlUrl":91},"references\u002Fnuxt.md",14397,"https:\u002F\u002Fgithub.com\u002Fjdiegosierra\u002Fenterprise-agent-plugins\u002Fblob\u002Fmain\u002Fplugins\u002Facme-engineering\u002Fsrc\u002Fskills\u002Fvue\u002Freferences\u002Fnuxt.md",{"path":93,"resourceType":72,"resourceTypeDesc":73,"sizeBytes":94,"sourceHtmlUrl":95},"references\u002Fstate-management.md",9850,"https:\u002F\u002Fgithub.com\u002Fjdiegosierra\u002Fenterprise-agent-plugins\u002Fblob\u002Fmain\u002Fplugins\u002Facme-engineering\u002Fsrc\u002Fskills\u002Fvue\u002Freferences\u002Fstate-management.md",{"path":97,"resourceType":72,"resourceTypeDesc":73,"sizeBytes":98,"sourceHtmlUrl":99},"references\u002Ftypescript.md",10944,"https:\u002F\u002Fgithub.com\u002Fjdiegosierra\u002Fenterprise-agent-plugins\u002Fblob\u002Fmain\u002Fplugins\u002Facme-engineering\u002Fsrc\u002Fskills\u002Fvue\u002Freferences\u002Ftypescript.md",[101,107,113,134,160,184],{"skillNo":102,"name":103,"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":104,"categories":105,"keywords":106,"publishedAt":40},"01M6JF55WHCX01YN0EDC1ENBP1","update","https:\u002F\u002Fgithub.com\u002Fjdiegosierra\u002Fenterprise-agent-plugins\u002Fblob\u002Fmain\u002Fplugins\u002Facme-engineering\u002Fsrc\u002Fskills\u002Fupdate\u002FSKILL.md",[],[103],{"skillNo":108,"name":109,"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":110,"categories":111,"keywords":112,"publishedAt":40},"01M6JF52TKMMW8CSBWWK0D60Z7","uninstall","https:\u002F\u002Fgithub.com\u002Fjdiegosierra\u002Fenterprise-agent-plugins\u002Fblob\u002Fmain\u002Fplugins\u002Facme-engineering\u002Fsrc\u002Fskills\u002Funinstall\u002FSKILL.md",[],[109],{"skillNo":114,"name":25,"nameZh":6,"description":115,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":116,"categories":117,"keywords":118,"publishedAt":40},"01M6JF4ZA6KVK7K37FYCGKZR3V","Use when working with TypeScript's advanced type system — generics, conditional types, mapped types, or full-stack type safety. Assumes ES2023+ JavaScript knowledge (see javascript for fundamentals). Invoke for type guards, utility types, tRPC integration, monorepo setup.","https:\u002F\u002Fgithub.com\u002Fjdiegosierra\u002Fenterprise-agent-plugins\u002Fblob\u002Fmain\u002Fplugins\u002Facme-engineering\u002Fsrc\u002Fskills\u002Ftypescript\u002FSKILL.md",[],[25,119,120,121,122,24,26,123,27,124,125,126,127,128,32,129,130,131,132,133],"integration","javascript","type","conditional","advanced","types","trpc","utility","Type Safety","type system","monorepo","system","stack","knowledge","Safety",{"skillNo":135,"name":136,"nameZh":6,"description":137,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":138,"categories":139,"keywords":143,"publishedAt":40},"01M6JF4VJD26K2THYRJGM1BK6M","testing","Use when writing tests, creating test strategies, or building automation frameworks. Invoke for unit tests, integration tests, E2E, coverage analysis, performance testing, security testing.","https:\u002F\u002Fgithub.com\u002Fjdiegosierra\u002Fenterprise-agent-plugins\u002Fblob\u002Fmain\u002Fplugins\u002Facme-engineering\u002Fsrc\u002Fskills\u002Ftesting\u002FSKILL.md",[140],{"categoryNo":141,"categoryName":142,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000008","测试与质量",[136,144,24,26,145,146,147,148,149,150,32,151,152,153,154,155,156,157,158,159],"writing tests","test strategies","unit","tests","Security Testing","strategies","frameworks","coverage","analysis","e2e","automation","integration tests","test","performance","writing","unit tests",{"skillNo":161,"name":162,"nameZh":6,"description":163,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":164,"categories":165,"keywords":169,"publishedAt":40},"01M6JF4PEBCHAS2VP7EEW634B7","terraform","Use when working with Terraform or OpenTofu — creating modules, writing tests, setting up CI\u002FCD pipelines, reviewing configurations, debugging state issues, implementing security scanning, or making IaC architecture decisions. For Pulumi see pulumi-best-practices, for general CI\u002FCD see devops.","https:\u002F\u002Fgithub.com\u002Fjdiegosierra\u002Fenterprise-agent-plugins\u002Fblob\u002Fmain\u002Fplugins\u002Facme-engineering\u002Fsrc\u002Fskills\u002Fterraform\u002FSKILL.md",[166],{"categoryNo":167,"categoryName":168,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000011","运维与部署",[162,170,171,172,173,174,158,32,26,24,175,176,177,147,178,179,180,181,182,183],"ci","issues","debugging","architecture","security","implementing","pulumi","CI\u002FCD","best-practices","general","modules","up","iac","scanning",{"skillNo":185,"name":186,"nameZh":6,"description":187,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":188,"categories":189,"keywords":190,"publishedAt":40},"01M6JF4J05TJDAQSBNW0WK18B9","sre-runbook","Execute SRE runbooks for operational tasks: GitHub access, employee onboarding, credential rotation. Invoke when an SRE ticket requires an operational procedure. Triggers: github access, onboarding, grant access, credential rotation.","https:\u002F\u002Fgithub.com\u002Fjdiegosierra\u002Fenterprise-agent-plugins\u002Fblob\u002Fmain\u002Fplugins\u002Facme-engineering\u002Fsrc\u002Fskills\u002Fsre-runbook\u002FSKILL.md",[],[191,192,193,194,24,195,196,197,198,199,200,201,202,203,204],"runbook","sre","sre runbook","true","rotation","runbooks","ticket","triggers","credential","execute","access","onboarding","tasks","github"]