[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M71RTQKDHB9ZM1V222VPF8YS":3,"skill-same:01M71RTQKDHB9ZM1V222VPF8YS":74},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":15,"categories":16,"keywords":22,"publishedAt":41,"linkOnly":42,"markdownContent":43,"markdownBody":44,"frontMatter":45,"refName":46,"commitSha":47,"skillDirectory":48,"forksCount":49,"repositoryHtmlUrl":50,"repositoryHomepageUrl":51,"ownerHtmlUrl":52,"ownerBlogUrl":51,"ownerDescription":6,"updatedAt":53,"install":54,"resources":67},"01M71RTQKDHB9ZM1V222VPF8YS","react-component-generator",null,"Scaffolds React components with co-located tests, stories, and TypeScript types from a plain-language description.","ai-agent-manager\u002Fagent-manager","ai-agent-manager","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F267633329?v=4","01M71RTMAYEZ2TH2H834GRMXDQ","01M71RTMBK6B8NCJHDGW0V38W9",4,"Apache-2.0","https:\u002F\u002Fgithub.com\u002Fai-agent-manager\u002Fagent-manager\u002Fblob\u002Fmain\u002Fmocks\u002Fagents\u002F0.1.1\u002Freact-component-generator\u002FSKILL.md",[17],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000009","前端开发","SCENARIO","使用场景",[23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40],"react component","component generator","react component generator","generator","component","react","language","tests","scaffolds","types","typescript","co","with","react components","plain-language","stories","plain","components","2026-11-10 13:02:02",false,"---\nname: react-component-generator\ndescription: Scaffolds React components with co-located tests, stories, and TypeScript types from a plain-language description.\n---\n\n# React Component Generator Skill\n\nYou are a React component generator. When the user describes a UI component, produce a complete set of files: a functional component in TypeScript, unit tests using React Testing Library, and a Storybook story.\n\n## Rules\n\n1. Use functional components with explicit props interfaces — never `any`.\n2. Co-locate tests next to the component (`ComponentName.test.tsx`).\n3. Prefer composition over inheritance.\n4. Include at least one accessibility test (e.g. role queries, aria labels).\n5. Export the component as a named export, re-exported from `index.ts`.\n6. Follow the project's existing styling convention if detectable; otherwise default to CSS Modules.\n7. Keep the component focused — if the description implies multiple concerns, suggest splitting into smaller components.\n","# React Component Generator Skill\n\nYou are a React component generator. When the user describes a UI component, produce a complete set of files: a functional component in TypeScript, unit tests using React Testing Library, and a Storybook story.\n\n## Rules\n\n1. Use functional components with explicit props interfaces — never `any`.\n2. Co-locate tests next to the component (`ComponentName.test.tsx`).\n3. Prefer composition over inheritance.\n4. Include at least one accessibility test (e.g. role queries, aria labels).\n5. Export the component as a named export, re-exported from `index.ts`.\n6. Follow the project's existing styling convention if detectable; otherwise default to CSS Modules.\n7. Keep the component focused — if the description implies multiple concerns, suggest splitting into smaller components.\n",{"name":5,"description":7},"main","9d64529dc47236479bd5ec9aa9072b9fa0bdb4a9","mocks\u002Fagents\u002F0.1.1\u002Freact-component-generator",2,"https:\u002F\u002Fgithub.com\u002Fai-agent-manager\u002Fagent-manager","https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@ai-agent-manager\u002Fcli","https:\u002F\u002Fgithub.com\u002Fai-agent-manager","2026-11-10 20:49:29",{"source":8,"skillName":5,"commands":55,"prompt":65,"zipAvailable":66},[56,59,62],{"tool":57,"command":58},"npx","npx skills add ai-agent-manager\u002Fagent-manager --skill react-component-generator",{"tool":60,"command":61},"bunx","bunx skills add ai-agent-manager\u002Fagent-manager --skill react-component-generator",{"tool":63,"command":64},"pnpm","pnpm dlx skills add ai-agent-manager\u002Fagent-manager --skill react-component-generator","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fai-agent-manager\u002Fagent-manager\u002Fblob\u002Fmain\u002Fmocks\u002Fagents\u002F0.1.1\u002Freact-component-generator\u002FSKILL.md",true,[68],{"path":69,"resourceType":70,"resourceTypeDesc":71,"sizeBytes":72,"sourceHtmlUrl":73},"README.md","REFERENCE","参考文档",1253,"https:\u002F\u002Fgithub.com\u002Fai-agent-manager\u002Fagent-manager\u002Fblob\u002Fmain\u002Fmocks\u002Fagents\u002F0.1.1\u002Freact-component-generator\u002FREADME.md",[75,93],{"skillNo":76,"name":77,"nameZh":6,"description":78,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":79,"categories":80,"keywords":87,"publishedAt":41},"01M71RTSFEMR6B8CXW6ADMX8KB","test-skill","A test skill for unit tests.","https:\u002F\u002Fgithub.com\u002Fai-agent-manager\u002Fagent-manager\u002Fblob\u002Fmain\u002Ftests\u002Ffixtures\u002Fvalid-bundle\u002Ftest-skill\u002FSKILL.md",[81,84],{"categoryNo":82,"categoryName":83,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000008","测试与质量",{"categoryNo":85,"categoryName":86,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000023","Skill与智能体开发",[88,89,90,91,30,92],"Test Skill","test","for","unit","unit tests",{"skillNo":94,"name":95,"nameZh":6,"description":96,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":97,"categories":98,"keywords":107,"publishedAt":41},"01M71RTP90D6YV0C3V33K0QPA7","api-endpoint-generator","Generates REST API endpoint scaffolding including route handlers, request validation, and integration tests.","https:\u002F\u002Fgithub.com\u002Fai-agent-manager\u002Fagent-manager\u002Fblob\u002Fmain\u002Fmocks\u002Fagents\u002F0.1.1\u002Fapi-endpoint-generator\u002FSKILL.md",[99,102],{"categoryNo":100,"categoryName":101,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000010","后端与接口",{"categoryNo":103,"categoryName":104,"taxonomyType":105,"taxonomyTypeDesc":106},"01JBSEEDCAT000000000000030","开发工程师","PROFESSION","适用职业",[108,109,110,111,26,30,112,113,114,115,116,117,118,119,120],"endpoint","api","api endpoint","api endpoint generator","request","route handlers","integration tests","rest api","scaffolding","route","REST","integration","validation"]