[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6H6PVMF2R20541H7F5VTEM4":3,"skill-same:01M6H6PVMF2R20541H7F5VTEM4":69},{"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":47,"commitSha":48,"skillDirectory":49,"forksCount":50,"repositoryHtmlUrl":51,"repositoryHomepageUrl":6,"ownerHtmlUrl":52,"ownerBlogUrl":53,"ownerDescription":6,"updatedAt":54,"install":55,"resources":68},"01M6H6PVMF2R20541H7F5VTEM4","astro-expert",null,"Use when implementing astro functionality with production-grade patterns and safeguards.","0xharryriddle\u002Fcodex-field-kit","0xharryriddle","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F100945007?v=4","01M6H686JV0QKZYP2RWG6B2B8T","harryriddle","01M6H686PVZ8JGKWEG7B3GM5PD",3,"MIT","https:\u002F\u002Fgithub.com\u002F0xharryriddle\u002Fcodex-field-kit\u002Fblob\u002Fmain\u002Fskills-hermes\u002Fcodex-agents\u002Fastro-expert\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],"astro","expert","astro expert","frontend","codex","ui","Production","use","patterns","with","kit","implementing","2026-11-10 10:12:30",false,"---\nname: astro-expert\ndescription: Use when implementing astro functionality with production-grade patterns and safeguards.\nmetadata:\n  hermes:\n    tags: [codex-agent, frontend-ui]\n    source: codex-field-kit\u002Ffrontend-ui\n---\n\n# Astro Expert\n\n## Focus Areas\n\n- Mastery of the Astro component model and templating\n- Expertise in static site generation and optimization\n- In-depth knowledge of Astro's routing and layout systems\n- Proficient in setting up and configuring Astro integrations\n- Handling content collections and dynamic data sources in Astro\n- Familiarity with Markdown, MDX, and other content formats in Astro\n- Comprehensive understanding of Astro's build system and configuration\n- Optimization of images and assets for fast loading in Astro projects\n- Efficient use of Astro's server-side rendering capabilities\n- Leveraging Astro's global data fetching for improved performance\n\n## Approach\n\n- Design clean, maintainable component structures with Astro\n- Optimize build and deployment processes for Astro projects\n- Prioritize performance through efficient asset management in Astro\n- Utilize Astro's incremental static regeneration features effectively\n- Implement seamless routing and navigation within Astro sites\n- Manage global state and data sharing across Astro components\n- Employ best practices in SEO and accessibility with Astro\n- Create flexible, reusable components to streamline development in Astro\n- Ensure optimal lighthouse scores through site performance audits\n- Integrate third-party services and APIs efficiently in Astro applications\n\n## Quality Checklist\n\n- Structured component hierarchy for scalability in Astro\n- Efficient routing with minimal page load times in Astro\n- Comprehensive error handling and fallback mechanisms in Astro\n- Consistent styling and theming across the Astro site\n- Responsive design principles applied to ensure device compatibility\n- High-quality, optimized images and media resources in Astro\n- Thorough testing of components and pages for Astro applications\n- Comprehensive documentation of code and project structure in Astro\n- Use of semantic HTML5 elements to enhance SEO in Astro\n- Verification of build and deployment processes for reliability in Astro\n\n## Output\n\n- High-performance static site with Astro's best practices\n- Modular component library with reusable templates in Astro\n- Dynamic content integration with minimal build times in Astro\n- Comprehensive SEO-friendly site architecture with Astro\n- Fully tested and optimized site for diverse user environments in Astro\n- Detailed documentation for future maintenance and scalability in Astro\n- Streamlined build workflows for continuous integration and delivery in Astro\n- Enhanced user experience with smooth navigation and fast load times in Astro\n- Robust site structure ready for future enhancements in Astro\n- Successful deployment of a production-ready Astro application\n\n","# Astro Expert\n\n## Focus Areas\n\n- Mastery of the Astro component model and templating\n- Expertise in static site generation and optimization\n- In-depth knowledge of Astro's routing and layout systems\n- Proficient in setting up and configuring Astro integrations\n- Handling content collections and dynamic data sources in Astro\n- Familiarity with Markdown, MDX, and other content formats in Astro\n- Comprehensive understanding of Astro's build system and configuration\n- Optimization of images and assets for fast loading in Astro projects\n- Efficient use of Astro's server-side rendering capabilities\n- Leveraging Astro's global data fetching for improved performance\n\n## Approach\n\n- Design clean, maintainable component structures with Astro\n- Optimize build and deployment processes for Astro projects\n- Prioritize performance through efficient asset management in Astro\n- Utilize Astro's incremental static regeneration features effectively\n- Implement seamless routing and navigation within Astro sites\n- Manage global state and data sharing across Astro components\n- Employ best practices in SEO and accessibility with Astro\n- Create flexible, reusable components to streamline development in Astro\n- Ensure optimal lighthouse scores through site performance audits\n- Integrate third-party services and APIs efficiently in Astro applications\n\n## Quality Checklist\n\n- Structured component hierarchy for scalability in Astro\n- Efficient routing with minimal page load times in Astro\n- Comprehensive error handling and fallback mechanisms in Astro\n- Consistent styling and theming across the Astro site\n- Responsive design principles applied to ensure device compatibility\n- High-quality, optimized images and media resources in Astro\n- Thorough testing of components and pages for Astro applications\n- Comprehensive documentation of code and project structure in Astro\n- Use of semantic HTML5 elements to enhance SEO in Astro\n- Verification of build and deployment processes for reliability in Astro\n\n## Output\n\n- High-performance static site with Astro's best practices\n- Modular component library with reusable templates in Astro\n- Dynamic content integration with minimal build times in Astro\n- Comprehensive SEO-friendly site architecture with Astro\n- Fully tested and optimized site for diverse user environments in Astro\n- Detailed documentation for future maintenance and scalability in Astro\n- Streamlined build workflows for continuous integration and delivery in Astro\n- Enhanced user experience with smooth navigation and fast load times in Astro\n- Robust site structure ready for future enhancements in Astro\n- Successful deployment of a production-ready Astro application\n\n",{"name":5,"metadata":41,"description":7},{"hermes":42},{"tags":43,"source":46},[44,45],"codex-agent","frontend-ui","codex-field-kit\u002Ffrontend-ui","main","6c13f6f4ac5a3bc1e6b78cd2bb1704f122c4a73e","skills-hermes\u002Fcodex-agents\u002Fastro-expert",0,"https:\u002F\u002Fgithub.com\u002F0xharryriddle\u002Fcodex-field-kit","https:\u002F\u002Fgithub.com\u002F0xharryriddle","https:\u002F\u002Fharryriddle.vercel.app","2026-04-11 11:49:51",{"source":8,"skillName":5,"commands":56,"prompt":66,"zipAvailable":67},[57,60,63],{"tool":58,"command":59},"npx","npx skills add 0xharryriddle\u002Fcodex-field-kit --skill astro-expert",{"tool":61,"command":62},"bunx","bunx skills add 0xharryriddle\u002Fcodex-field-kit --skill astro-expert",{"tool":64,"command":65},"pnpm","pnpm dlx skills add 0xharryriddle\u002Fcodex-field-kit --skill astro-expert","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002F0xharryriddle\u002Fcodex-field-kit\u002Fblob\u002Fmain\u002Fskills-hermes\u002Fcodex-agents\u002Fastro-expert\u002FSKILL.md",true,[],[70,98,117,127,152,179],{"skillNo":71,"name":72,"nameZh":6,"description":73,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":74,"categories":75,"keywords":77,"publishedAt":36},"01M6H7ZKE6MR33HC84QZ1TA6MV","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\u002F0xharryriddle\u002Fcodex-field-kit\u002Fblob\u002Fmain\u002Fskills\u002Fvercel-react-best-practices\u002FSKILL.md",[76],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},[78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97],"react best practices","react","vercel react best practices","best practices","vercel","tasks","data fetching","triggers","pages","next","performance optimization","refactoring","Next.js","Optimization","code","guidelines","react components","components","performance","writing",{"skillNo":99,"name":100,"nameZh":6,"description":101,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":102,"categories":103,"keywords":104,"publishedAt":36},"01M6H7ZGC2WK8SEKYHWDNTMDA9","swarm-planner","[EXPLICIT INVOCATION ONLY] Creates dependency-aware implementation plans optimized for parallel multi-agent execution.","https:\u002F\u002Fgithub.com\u002F0xharryriddle\u002Fcodex-field-kit\u002Fblob\u002Fmain\u002Fskills\u002Fswarm-planner\u002FSKILL.md",[],[105,106,107,108,109,110,111,112,113,114,115,116],"swarm","swarm planner","planner","parallel","multi-agent","only","execution","plans","dependency","for","multi","implementation",{"skillNo":118,"name":119,"nameZh":6,"description":120,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":121,"categories":122,"keywords":123,"publishedAt":36},"01M6H7ZD93853RZCYQWH1D38TM","super-swarm-spark","Only to be triggered by explicit super-swarm-spark commands.","https:\u002F\u002Fgithub.com\u002F0xharryriddle\u002Fcodex-field-kit\u002Fblob\u002Fmain\u002Fskills\u002Fsuper-swarm-spark\u002FSKILL.md",[],[124,105,125,110,126],"super swarm spark","spark","commands",{"skillNo":128,"name":129,"nameZh":6,"description":130,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":131,"categories":132,"keywords":133,"publishedAt":36},"01M6H7Z987QBY49JCCPT953EAZ","role-creator","Create and install Codex custom agent roles in ~\u002F.codex\u002Fconfig.toml, generate role config files, enforce supported keys, and guide users through required role inputs (model, reasoning effort, developer_instructions).","https:\u002F\u002Fgithub.com\u002F0xharryriddle\u002Fcodex-field-kit\u002Fblob\u002Fmain\u002Fskills\u002Frole-creator\u002FSKILL.md",[],[134,135,136,137,138,139,140,141,142,143,144,145,146,147,148,149,150,28,151],"role","creator","role creator","keys","users","roles","toml","enforce","install","guide","instructions","model","developer","reasoning","generate","create","config","files",{"skillNo":153,"name":154,"nameZh":6,"description":155,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":156,"categories":157,"keywords":161,"publishedAt":36},"01M6H7Z5TRPMDQ7YSZQXPN1G60","read-github","Read and search GitHub repository documentation via gitmcp.io MCP service.\n\n**WHEN TO USE:**\n- User provides a GitHub URL\n- User mentions a specific repo in owner\u002Frepo format\n- User asks \"what does this repo do?\", \"read the docs for X repo\", or similar\n- User wants to search code or docs within a repo","https:\u002F\u002Fgithub.com\u002F0xharryriddle\u002Fcodex-field-kit\u002Fblob\u002Fmain\u002Fskills\u002Fread-github\u002FSKILL.md",[158],{"categoryNo":159,"categoryName":160,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000023","Skill与智能体开发",[162,163,164,92,165,166,167,168,114,169,170,171,172,173,174,31,175,176,177,178],"github","read github","read","documentation","docs","MCP","search","when to use","URL","via","io","service","do","user","repo","format","repository",{"skillNo":180,"name":107,"nameZh":6,"description":181,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":182,"categories":183,"keywords":184,"publishedAt":36},"01M6H7Z215CTKYJ4Y1X6EQWN6M","Create comprehensive, phased implementation plans with sprints and atomic tasks. Use when user says: \"make a plan\", \"create a plan\", \"plan this out\", \"plan the implementation\", \"help me plan\", \"design a plan\", \"draft a plan\", \"write a plan\", \"outline the steps\", \"break this down into tasks\", \"what's the plan for\", or any similar planning request. Also triggers on explicit \"\u002Fplanner\" or \"\u002Fplan\" commands.","https:\u002F\u002Fgithub.com\u002F0xharryriddle\u002Fcodex-field-kit\u002Fblob\u002Fmain\u002Fskills\u002Fplanner\u002FSKILL.md",[],[107,185,114,186,33,187,85,112,126,188,189,31,190,191,192,193,194,149,83,195],"outline","atomic","sprints","draft","me","write","phased implementation","plan","help","planning","design"]