[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6BZ34Z7XJVE73JM8R9AHV3Y":3,"skill-same:01M6BZ34Z7XJVE73JM8R9AHV3Y":135},{"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":36,"linkOnly":37,"markdownContent":38,"markdownBody":39,"frontMatter":40,"refName":44,"commitSha":45,"skillDirectory":46,"forksCount":14,"repositoryHtmlUrl":47,"repositoryHomepageUrl":6,"ownerHtmlUrl":48,"ownerBlogUrl":49,"ownerDescription":6,"updatedAt":50,"install":51,"resources":64},"01M6BZ34Z7XJVE73JM8R9AHV3Y","vue-best-practices",null,"Vue 3 and Vue.js best practices for TypeScript, vue-tsc, and Volar. This skill should be used when writing, reviewing, or refactoring Vue components to ensure correct typing patterns. Triggers on tasks involving Vue components, props extraction, wrapper components, template type checking, or Volar configuration.","jyasuu\u002Fcheat-sheet","jyasuu","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F13827723?v=4","01M6BZ0C6ZWC1D3MC2VAZEX6X5","Jyasu","01M6BZ0CARME9Z917VY41C7RKF",0,"MIT","https:\u002F\u002Fgithub.com\u002Fjyasuu\u002Fcheat-sheet\u002Fblob\u002Fmain\u002Fskills\u002Fvue-best-practices\u002FSKILL.md",[18],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000009","前端开发","SCENARIO","使用场景",[24,25,26,27,28,29,30,31,32,33,34,35],"best practices","vue","vue best practices","writing","typescript","components","tasks","extraction","refactoring","js","correct","template","2026-11-10 10:12:30",false,"---\nname: vue-best-practices\ndescription: Vue 3 and Vue.js best practices for TypeScript, vue-tsc, and Volar. This skill should be used when writing, reviewing, or refactoring Vue components to ensure correct typing patterns. Triggers on tasks involving Vue components, props extraction, wrapper components, template type checking, or Volar configuration.\nlicense: MIT\nmetadata:\n  author: hyf0\n  version: \"8.0.0\"\n---\n\n## Capability Rules\n\n| Rule | Keywords | Description |\n|------|----------|-------------|\n| [extract-component-props](rules\u002Fextract-component-props.md) | get props type, wrapper component, extend props, inherit props, ComponentProps | Extract types from .vue components |\n| [vue-tsc-strict-templates](rules\u002Fvue-tsc-strict-templates.md) | undefined component, template error, strictTemplates | Catch undefined components in templates |\n| [fallthrough-attributes](rules\u002Ffallthrough-attributes.md) | fallthrough, $attrs, wrapper component | Type-check fallthrough attributes |\n| [strict-css-modules](rules\u002Fstrict-css-modules.md) | css modules, $style, typo | Catch CSS module class typos |\n| [data-attributes-config](rules\u002Fdata-attributes-config.md) | data-*, strictTemplates, attribute | Allow data-* attributes |\n| [volar-3-breaking-changes](rules\u002Fvolar-3-breaking-changes.md) | volar, vue-language-server, editor | Fix Volar 3.0 upgrade issues |\n| [module-resolution-bundler](rules\u002Fmodule-resolution-bundler.md) | cannot find module, @vue\u002Ftsconfig, moduleResolution | Fix module resolution errors |\n| [define-model-update-event](rules\u002Fdefine-model-update-event.md) | defineModel, update event, undefined | Fix model update errors |\n| [with-defaults-union-types](rules\u002Fwith-defaults-union-types.md) | withDefaults, union type, default | Fix union type defaults |\n| [deep-watch-numeric](rules\u002Fdeep-watch-numeric.md) | watch, deep, array, Vue 3.5 | Efficient array watching |\n| [vue-directive-comments](rules\u002Fvue-directive-comments.md) | @vue-ignore, @vue-skip, template | Control template type checking |\n| [vue-router-typed-params](rules\u002Fvue-router-typed-params.md) | route params, typed router, unplugin | Fix route params typing |\n\n## Efficiency Rules\n\n| Rule | Keywords | Description |\n|------|----------|-------------|\n| [hmr-vue-ssr](rules\u002Fhmr-vue-ssr.md) | hmr, ssr, hot reload | Fix HMR in SSR apps |\n| [pinia-store-mocking](rules\u002Fpinia-store-mocking.md) | pinia, mock, vitest, store | Mock Pinia stores |\n\n## Reference\n\n- [Vue Language Tools](https:\u002F\u002Fgithub.com\u002Fvuejs\u002Flanguage-tools)\n- [vue-component-type-helpers](https:\u002F\u002Fgithub.com\u002Fvuejs\u002Flanguage-tools\u002Ftree\u002Fmaster\u002Fpackages\u002Fcomponent-type-helpers)\n- [Vue 3 Documentation](https:\u002F\u002Fvuejs.org\u002F)\n","## Capability Rules\n\n| Rule | Keywords | Description |\n|------|----------|-------------|\n| [extract-component-props](rules\u002Fextract-component-props.md) | get props type, wrapper component, extend props, inherit props, ComponentProps | Extract types from .vue components |\n| [vue-tsc-strict-templates](rules\u002Fvue-tsc-strict-templates.md) | undefined component, template error, strictTemplates | Catch undefined components in templates |\n| [fallthrough-attributes](rules\u002Ffallthrough-attributes.md) | fallthrough, $attrs, wrapper component | Type-check fallthrough attributes |\n| [strict-css-modules](rules\u002Fstrict-css-modules.md) | css modules, $style, typo | Catch CSS module class typos |\n| [data-attributes-config](rules\u002Fdata-attributes-config.md) | data-*, strictTemplates, attribute | Allow data-* attributes |\n| [volar-3-breaking-changes](rules\u002Fvolar-3-breaking-changes.md) | volar, vue-language-server, editor | Fix Volar 3.0 upgrade issues |\n| [module-resolution-bundler](rules\u002Fmodule-resolution-bundler.md) | cannot find module, @vue\u002Ftsconfig, moduleResolution | Fix module resolution errors |\n| [define-model-update-event](rules\u002Fdefine-model-update-event.md) | defineModel, update event, undefined | Fix model update errors |\n| [with-defaults-union-types](rules\u002Fwith-defaults-union-types.md) | withDefaults, union type, default | Fix union type defaults |\n| [deep-watch-numeric](rules\u002Fdeep-watch-numeric.md) | watch, deep, array, Vue 3.5 | Efficient array watching |\n| [vue-directive-comments](rules\u002Fvue-directive-comments.md) | @vue-ignore, @vue-skip, template | Control template type checking |\n| [vue-router-typed-params](rules\u002Fvue-router-typed-params.md) | route params, typed router, unplugin | Fix route params typing |\n\n## Efficiency Rules\n\n| Rule | Keywords | Description |\n|------|----------|-------------|\n| [hmr-vue-ssr](rules\u002Fhmr-vue-ssr.md) | hmr, ssr, hot reload | Fix HMR in SSR apps |\n| [pinia-store-mocking](rules\u002Fpinia-store-mocking.md) | pinia, mock, vitest, store | Mock Pinia stores |\n\n## Reference\n\n- [Vue Language Tools](https:\u002F\u002Fgithub.com\u002Fvuejs\u002Flanguage-tools)\n- [vue-component-type-helpers](https:\u002F\u002Fgithub.com\u002Fvuejs\u002Flanguage-tools\u002Ftree\u002Fmaster\u002Fpackages\u002Fcomponent-type-helpers)\n- [Vue 3 Documentation](https:\u002F\u002Fvuejs.org\u002F)\n",{"name":5,"license":15,"metadata":41,"description":7},{"author":42,"version":43},"hyf0","8.0.0","main","d3e26846ab59426fde861a65e2da0a370310c36a","skills\u002Fvue-best-practices","https:\u002F\u002Fgithub.com\u002Fjyasuu\u002Fcheat-sheet","https:\u002F\u002Fgithub.com\u002Fjyasuu","https:\u002F\u002Fjyasuu.github.io\u002F","2026-08-18 22:21:51",{"source":8,"skillName":5,"commands":52,"prompt":62,"zipAvailable":63},[53,56,59],{"tool":54,"command":55},"npx","npx skills add jyasuu\u002Fcheat-sheet --skill vue-best-practices",{"tool":57,"command":58},"bunx","bunx skills add jyasuu\u002Fcheat-sheet --skill vue-best-practices",{"tool":60,"command":61},"pnpm","pnpm dlx skills add jyasuu\u002Fcheat-sheet --skill vue-best-practices","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fjyasuu\u002Fcheat-sheet\u002Fblob\u002Fmain\u002Fskills\u002Fvue-best-practices\u002FSKILL.md",true,[65,71,75,79,83,87,91,95,99,103,107,111,115,119,123,127,131],{"path":66,"resourceType":67,"resourceTypeDesc":68,"sizeBytes":69,"sourceHtmlUrl":70},"rules\u002Fcodeactions-save-performance.md","REFERENCE","参考文档",1838,"https:\u002F\u002Fgithub.com\u002Fjyasuu\u002Fcheat-sheet\u002Fblob\u002Fmain\u002Fskills\u002Fvue-best-practices\u002Frules\u002Fcodeactions-save-performance.md",{"path":72,"resourceType":67,"resourceTypeDesc":68,"sizeBytes":73,"sourceHtmlUrl":74},"rules\u002Fdata-attributes-config.md",1794,"https:\u002F\u002Fgithub.com\u002Fjyasuu\u002Fcheat-sheet\u002Fblob\u002Fmain\u002Fskills\u002Fvue-best-practices\u002Frules\u002Fdata-attributes-config.md",{"path":76,"resourceType":67,"resourceTypeDesc":68,"sizeBytes":77,"sourceHtmlUrl":78},"rules\u002Fdeep-watch-numeric.md",2703,"https:\u002F\u002Fgithub.com\u002Fjyasuu\u002Fcheat-sheet\u002Fblob\u002Fmain\u002Fskills\u002Fvue-best-practices\u002Frules\u002Fdeep-watch-numeric.md",{"path":80,"resourceType":67,"resourceTypeDesc":68,"sizeBytes":81,"sourceHtmlUrl":82},"rules\u002Fdefine-model-update-event.md",2430,"https:\u002F\u002Fgithub.com\u002Fjyasuu\u002Fcheat-sheet\u002Fblob\u002Fmain\u002Fskills\u002Fvue-best-practices\u002Frules\u002Fdefine-model-update-event.md",{"path":84,"resourceType":67,"resourceTypeDesc":68,"sizeBytes":85,"sourceHtmlUrl":86},"rules\u002Fduplicate-plugin-detection.md",2746,"https:\u002F\u002Fgithub.com\u002Fjyasuu\u002Fcheat-sheet\u002Fblob\u002Fmain\u002Fskills\u002Fvue-best-practices\u002Frules\u002Fduplicate-plugin-detection.md",{"path":88,"resourceType":67,"resourceTypeDesc":68,"sizeBytes":89,"sourceHtmlUrl":90},"rules\u002Fextract-component-props.md",1536,"https:\u002F\u002Fgithub.com\u002Fjyasuu\u002Fcheat-sheet\u002Fblob\u002Fmain\u002Fskills\u002Fvue-best-practices\u002Frules\u002Fextract-component-props.md",{"path":92,"resourceType":67,"resourceTypeDesc":68,"sizeBytes":93,"sourceHtmlUrl":94},"rules\u002Ffallthrough-attributes.md",1744,"https:\u002F\u002Fgithub.com\u002Fjyasuu\u002Fcheat-sheet\u002Fblob\u002Fmain\u002Fskills\u002Fvue-best-practices\u002Frules\u002Ffallthrough-attributes.md",{"path":96,"resourceType":67,"resourceTypeDesc":68,"sizeBytes":97,"sourceHtmlUrl":98},"rules\u002Fhmr-vue-ssr.md",2961,"https:\u002F\u002Fgithub.com\u002Fjyasuu\u002Fcheat-sheet\u002Fblob\u002Fmain\u002Fskills\u002Fvue-best-practices\u002Frules\u002Fhmr-vue-ssr.md",{"path":100,"resourceType":67,"resourceTypeDesc":68,"sizeBytes":101,"sourceHtmlUrl":102},"rules\u002Fmodule-resolution-bundler.md",2200,"https:\u002F\u002Fgithub.com\u002Fjyasuu\u002Fcheat-sheet\u002Fblob\u002Fmain\u002Fskills\u002Fvue-best-practices\u002Frules\u002Fmodule-resolution-bundler.md",{"path":104,"resourceType":67,"resourceTypeDesc":68,"sizeBytes":105,"sourceHtmlUrl":106},"rules\u002Fpinia-store-mocking.md",3824,"https:\u002F\u002Fgithub.com\u002Fjyasuu\u002Fcheat-sheet\u002Fblob\u002Fmain\u002Fskills\u002Fvue-best-practices\u002Frules\u002Fpinia-store-mocking.md",{"path":108,"resourceType":67,"resourceTypeDesc":68,"sizeBytes":109,"sourceHtmlUrl":110},"rules\u002Fscript-setup-jsdoc.md",1979,"https:\u002F\u002Fgithub.com\u002Fjyasuu\u002Fcheat-sheet\u002Fblob\u002Fmain\u002Fskills\u002Fvue-best-practices\u002Frules\u002Fscript-setup-jsdoc.md",{"path":112,"resourceType":67,"resourceTypeDesc":68,"sizeBytes":113,"sourceHtmlUrl":114},"rules\u002Fstrict-css-modules.md",1661,"https:\u002F\u002Fgithub.com\u002Fjyasuu\u002Fcheat-sheet\u002Fblob\u002Fmain\u002Fskills\u002Fvue-best-practices\u002Frules\u002Fstrict-css-modules.md",{"path":116,"resourceType":67,"resourceTypeDesc":68,"sizeBytes":117,"sourceHtmlUrl":118},"rules\u002Fvolar-3-breaking-changes.md",1887,"https:\u002F\u002Fgithub.com\u002Fjyasuu\u002Fcheat-sheet\u002Fblob\u002Fmain\u002Fskills\u002Fvue-best-practices\u002Frules\u002Fvolar-3-breaking-changes.md",{"path":120,"resourceType":67,"resourceTypeDesc":68,"sizeBytes":121,"sourceHtmlUrl":122},"rules\u002Fvue-directive-comments.md",1625,"https:\u002F\u002Fgithub.com\u002Fjyasuu\u002Fcheat-sheet\u002Fblob\u002Fmain\u002Fskills\u002Fvue-best-practices\u002Frules\u002Fvue-directive-comments.md",{"path":124,"resourceType":67,"resourceTypeDesc":68,"sizeBytes":125,"sourceHtmlUrl":126},"rules\u002Fvue-router-typed-params.md",2515,"https:\u002F\u002Fgithub.com\u002Fjyasuu\u002Fcheat-sheet\u002Fblob\u002Fmain\u002Fskills\u002Fvue-best-practices\u002Frules\u002Fvue-router-typed-params.md",{"path":128,"resourceType":67,"resourceTypeDesc":68,"sizeBytes":129,"sourceHtmlUrl":130},"rules\u002Fvue-tsc-strict-templates.md",2001,"https:\u002F\u002Fgithub.com\u002Fjyasuu\u002Fcheat-sheet\u002Fblob\u002Fmain\u002Fskills\u002Fvue-best-practices\u002Frules\u002Fvue-tsc-strict-templates.md",{"path":132,"resourceType":67,"resourceTypeDesc":68,"sizeBytes":133,"sourceHtmlUrl":134},"rules\u002Fwith-defaults-union-types.md",2536,"https:\u002F\u002Fgithub.com\u002Fjyasuu\u002Fcheat-sheet\u002Fblob\u002Fmain\u002Fskills\u002Fvue-best-practices\u002Frules\u002Fwith-defaults-union-types.md",[136],{"skillNo":137,"name":138,"nameZh":6,"description":139,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":140,"categories":141,"keywords":143,"publishedAt":36},"01M6BZ2ZD7ADG99XR171AFHQ5P","vercel-react-best-practices","React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React\u002FNext.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.","https:\u002F\u002Fgithub.com\u002Fjyasuu\u002Fcheat-sheet\u002Fblob\u002Fmain\u002Fskills\u002Fvercel-react-best-practices\u002FSKILL.md",[142],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},[144,145,24,146,147,27,33,32,148,149,150,151,152,30,153,154,29,155],"react","vercel react best practices","react best practices","performance optimization","Next.js","data","Optimization","engineering","code","guidelines","react components","performance"]