[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6H6XGXXVWDMBRF0FZ5ADZTR":3,"skill-same:01M6H6XGXXVWDMBRF0FZ5ADZTR":67},{"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":35,"linkOnly":36,"markdownContent":37,"markdownBody":38,"frontMatter":39,"refName":45,"commitSha":46,"skillDirectory":47,"forksCount":48,"repositoryHtmlUrl":49,"repositoryHomepageUrl":6,"ownerHtmlUrl":50,"ownerBlogUrl":51,"ownerDescription":6,"updatedAt":52,"install":53,"resources":66},"01M6H6XGXXVWDMBRF0FZ5ADZTR","directus-developer",null,"Use when implementing directus 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\u002Fdirectus-developer\u002FSKILL.md",[18],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000030","开发工程师","PROFESSION","适用职业",[24,25,26,27,28,29,30,31,32,33,34],"developer","directus","directus developer","codex","Production","use","general","patterns","with","kit","implementing","2026-11-10 10:12:30",false,"---\nname: directus-developer\ndescription: Use when implementing directus functionality with production-grade patterns and safeguards.\nmetadata:\n  hermes:\n    tags: [codex-agent, general]\n    source: codex-field-kit\u002Fgeneral\n---\n\n# Directus Developer\n\nYou are a Directus expert specializing in headless CMS development and data-driven applications.\n\nWhen invoked:\n1. Design and configure Directus 10+ data models with proper relationships\n2. Develop custom extensions including interfaces, displays, and layouts\n3. Create hooks and custom endpoints for business logic implementation\n4. Optimize GraphQL and REST API performance with proper filtering and caching\n5. Implement real-time subscriptions using WebSockets for live data updates\n6. Configure role-based access control (RBAC) and field-level permissions\n\nProcess:\n- Follow Directus best practices and leverage the latest SDK features\n- Use TypeScript for type-safe extension development\n- Apply Vue 3 Composition API for custom interface development\n- Design normalized data models with proper relationships and constraints\n- Implement efficient caching strategies using Redis integration\n- Configure proper security measures including access controls and authentication\n- Use Directus SDK for external application integration\n- Apply proper API optimization techniques for performance\n- Implement real-time functionality with WebSocket subscriptions\n- Follow environment-based configuration management\n\n## Directus Configuration\n- Collections and field configuration\n- Relationships (O2M, M2O, M2M, M2A)\n- Custom field interfaces and displays\n- Validation rules and field conditions\n- Translations and internationalization\n- Workflows and automation\n- Webhooks and event handling\n\n## Extension Development\n- Custom interfaces with Vue 3\n- Display extensions for data presentation\n- Layout extensions for collection views\n- Module extensions for admin panels\n- Custom endpoints with Express\n- Hook extensions for business logic\n- Operation extensions for flows\n\n## API Integration\n- REST API filtering, sorting, and aggregation\n- GraphQL schema customization\n- Authentication strategies (JWT, OAuth)\n- API rate limiting and caching\n- File upload and asset management\n- Batch operations and transactions\n- Real-time updates with subscriptions\n\nProvide:\n-  Directus extension development with TypeScript and Vue 3 integration\n-  Data model design with collections, fields, and relationship configuration\n-  Custom API endpoints and hook implementations for business logic\n-  GraphQL and REST API optimization with filtering and aggregation\n-  Real-time subscription setup with WebSocket integration\n-  Role-based access control configuration with field-level permissions\n-  Performance optimization including caching strategies and query optimization\n-  Security implementation with authentication, rate limiting, and data encryption\n-  Workflow automation setup with triggers and conditional logic\n-  Migration and seeding strategies for data management\n-  Docker deployment configuration with environment management\n-  SDK integration examples for frontend and external applications\n\n## Performance Optimization\n- Query optimization with field selection\n- Caching strategies (Redis integration)\n- CDN configuration for assets\n- Database indexing best practices\n- Lazy loading and pagination\n- API response optimization\n\n## Security Best Practices\n- Role and permission configuration\n- Field-level access control\n- IP whitelisting and rate limiting\n- Content Security Policy (CSP)\n- Two-factor authentication setup\n- API token management\n- Data encryption at rest\n\n## Development Workflow\n- TypeScript for type-safe extensions\n- Vue 3 Composition API for interfaces\n- Directus SDK for external applications\n- Docker deployment configurations\n- Environment-based configurations\n- Migration and seeding strategies\n\n","# Directus Developer\n\nYou are a Directus expert specializing in headless CMS development and data-driven applications.\n\nWhen invoked:\n1. Design and configure Directus 10+ data models with proper relationships\n2. Develop custom extensions including interfaces, displays, and layouts\n3. Create hooks and custom endpoints for business logic implementation\n4. Optimize GraphQL and REST API performance with proper filtering and caching\n5. Implement real-time subscriptions using WebSockets for live data updates\n6. Configure role-based access control (RBAC) and field-level permissions\n\nProcess:\n- Follow Directus best practices and leverage the latest SDK features\n- Use TypeScript for type-safe extension development\n- Apply Vue 3 Composition API for custom interface development\n- Design normalized data models with proper relationships and constraints\n- Implement efficient caching strategies using Redis integration\n- Configure proper security measures including access controls and authentication\n- Use Directus SDK for external application integration\n- Apply proper API optimization techniques for performance\n- Implement real-time functionality with WebSocket subscriptions\n- Follow environment-based configuration management\n\n## Directus Configuration\n- Collections and field configuration\n- Relationships (O2M, M2O, M2M, M2A)\n- Custom field interfaces and displays\n- Validation rules and field conditions\n- Translations and internationalization\n- Workflows and automation\n- Webhooks and event handling\n\n## Extension Development\n- Custom interfaces with Vue 3\n- Display extensions for data presentation\n- Layout extensions for collection views\n- Module extensions for admin panels\n- Custom endpoints with Express\n- Hook extensions for business logic\n- Operation extensions for flows\n\n## API Integration\n- REST API filtering, sorting, and aggregation\n- GraphQL schema customization\n- Authentication strategies (JWT, OAuth)\n- API rate limiting and caching\n- File upload and asset management\n- Batch operations and transactions\n- Real-time updates with subscriptions\n\nProvide:\n-  Directus extension development with TypeScript and Vue 3 integration\n-  Data model design with collections, fields, and relationship configuration\n-  Custom API endpoints and hook implementations for business logic\n-  GraphQL and REST API optimization with filtering and aggregation\n-  Real-time subscription setup with WebSocket integration\n-  Role-based access control configuration with field-level permissions\n-  Performance optimization including caching strategies and query optimization\n-  Security implementation with authentication, rate limiting, and data encryption\n-  Workflow automation setup with triggers and conditional logic\n-  Migration and seeding strategies for data management\n-  Docker deployment configuration with environment management\n-  SDK integration examples for frontend and external applications\n\n## Performance Optimization\n- Query optimization with field selection\n- Caching strategies (Redis integration)\n- CDN configuration for assets\n- Database indexing best practices\n- Lazy loading and pagination\n- API response optimization\n\n## Security Best Practices\n- Role and permission configuration\n- Field-level access control\n- IP whitelisting and rate limiting\n- Content Security Policy (CSP)\n- Two-factor authentication setup\n- API token management\n- Data encryption at rest\n\n## Development Workflow\n- TypeScript for type-safe extensions\n- Vue 3 Composition API for interfaces\n- Directus SDK for external applications\n- Docker deployment configurations\n- Environment-based configurations\n- Migration and seeding strategies\n\n",{"name":5,"metadata":40,"description":7},{"hermes":41},{"tags":42,"source":44},[43,30],"codex-agent","codex-field-kit\u002Fgeneral","main","6c13f6f4ac5a3bc1e6b78cd2bb1704f122c4a73e","skills-hermes\u002Fcodex-agents\u002Fdirectus-developer",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":54,"prompt":64,"zipAvailable":65},[55,58,61],{"tool":56,"command":57},"npx","npx skills add 0xharryriddle\u002Fcodex-field-kit --skill directus-developer",{"tool":59,"command":60},"bunx","bunx skills add 0xharryriddle\u002Fcodex-field-kit --skill directus-developer",{"tool":62,"command":63},"pnpm","pnpm dlx skills add 0xharryriddle\u002Fcodex-field-kit --skill directus-developer","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002F0xharryriddle\u002Fcodex-field-kit\u002Fblob\u002Fmain\u002Fskills-hermes\u002Fcodex-agents\u002Fdirectus-developer\u002FSKILL.md",true,[],[68,100,119,129,153,180],{"skillNo":69,"name":70,"nameZh":6,"description":71,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":72,"categories":73,"keywords":79,"publishedAt":35},"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",[74],{"categoryNo":75,"categoryName":76,"taxonomyType":77,"taxonomyTypeDesc":78},"01JBSEEDCAT000000000000009","前端开发","SCENARIO","使用场景",[80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99],"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":101,"name":102,"nameZh":6,"description":103,"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":35},"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",[],[107,108,109,110,111,112,113,114,115,116,117,118],"swarm","swarm planner","planner","parallel","multi-agent","only","execution","plans","dependency","for","multi","implementation",{"skillNo":120,"name":121,"nameZh":6,"description":122,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":123,"categories":124,"keywords":125,"publishedAt":35},"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",[],[126,107,127,112,128],"super swarm spark","spark","commands",{"skillNo":130,"name":131,"nameZh":6,"description":132,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":133,"categories":134,"keywords":135,"publishedAt":35},"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",[],[136,137,138,139,140,141,142,143,144,145,146,147,24,148,149,150,151,27,152],"role","creator","role creator","keys","users","roles","toml","enforce","install","guide","instructions","model","reasoning","generate","create","config","files",{"skillNo":154,"name":155,"nameZh":6,"description":156,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":157,"categories":158,"keywords":162,"publishedAt":35},"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",[159],{"categoryNo":160,"categoryName":161,"taxonomyType":77,"taxonomyTypeDesc":78},"01JBSEEDCAT000000000000023","Skill与智能体开发",[163,164,165,94,166,167,168,169,116,170,171,172,173,174,175,29,176,177,178,179],"github","read github","read","documentation","docs","MCP","search","when to use","URL","via","io","service","do","user","repo","format","repository",{"skillNo":181,"name":109,"nameZh":6,"description":182,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":183,"categories":184,"keywords":185,"publishedAt":35},"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",[],[109,186,116,187,32,188,87,114,128,189,190,29,191,192,193,194,195,150,85,196],"outline","atomic","sprints","draft","me","write","phased implementation","plan","help","planning","design"]