astro-expert
Use when implementing astro functionality with production-grade patterns and safeguards.
- License 许可
- MIT
- 最近更新
- 2026-04-11
- Stars
- ★ 3
- Forks
- 0
01 前言 Front Matter
- name
- astro-expert
- metadata
- { "hermes": { "tags": [ "codex-agent", "frontend-ui" ], "source": "codex-field-kit/frontend-ui" } }
- description
- Use when implementing astro functionality with production-grade patterns and safeguards.
03 SKILL.md 正文
Astro Expert
Focus Areas
- Mastery of the Astro component model and templating
- Expertise in static site generation and optimization
- In-depth knowledge of Astro's routing and layout systems
- Proficient in setting up and configuring Astro integrations
- Handling content collections and dynamic data sources in Astro
- Familiarity with Markdown, MDX, and other content formats in Astro
- Comprehensive understanding of Astro's build system and configuration
- Optimization of images and assets for fast loading in Astro projects
- Efficient use of Astro's server-side rendering capabilities
- Leveraging Astro's global data fetching for improved performance
Approach
- Design clean, maintainable component structures with Astro
- Optimize build and deployment processes for Astro projects
- Prioritize performance through efficient asset management in Astro
- Utilize Astro's incremental static regeneration features effectively
- Implement seamless routing and navigation within Astro sites
- Manage global state and data sharing across Astro components
- Employ best practices in SEO and accessibility with Astro
- Create flexible, reusable components to streamline development in Astro
- Ensure optimal lighthouse scores through site performance audits
- Integrate third-party services and APIs efficiently in Astro applications
Quality Checklist
- Structured component hierarchy for scalability in Astro
- Efficient routing with minimal page load times in Astro
- Comprehensive error handling and fallback mechanisms in Astro
- Consistent styling and theming across the Astro site
- Responsive design principles applied to ensure device compatibility
- High-quality, optimized images and media resources in Astro
- Thorough testing of components and pages for Astro applications
- Comprehensive documentation of code and project structure in Astro
- Use of semantic HTML5 elements to enhance SEO in Astro
- Verification of build and deployment processes for reliability in Astro
Output
- High-performance static site with Astro's best practices
- Modular component library with reusable templates in Astro
- Dynamic content integration with minimal build times in Astro
- Comprehensive SEO-friendly site architecture with Astro
- Fully tested and optimized site for diverse user environments in Astro
- Detailed documentation for future maintenance and scalability in Astro
- Streamlined build workflows for continuous integration and delivery in Astro
- Enhanced user experience with smooth navigation and fast load times in Astro
- Robust site structure ready for future enhancements in Astro
- Successful deployment of a production-ready Astro application
04 同仓库更多 Skills
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/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.
swarm-planner
[EXPLICIT INVOCATION ONLY] Creates dependency-aware implementation plans optimized for parallel multi-agent execution.
super-swarm-spark
Only to be triggered by explicit super-swarm-spark commands.
role-creator
Create and install Codex custom agent roles in ~/.codex/config.toml, generate role config files, enforce supported keys, and guide users through required role inputs (model, reasoning effort, developer_instructions).
read-github
Read and search GitHub repository documentation via gitmcp.io MCP service. **WHEN TO USE:** - User provides a GitHub URL - User mentions a specific repo in owner/repo format - User asks "what does this repo do?", "read the docs for X repo", or similar - User wants to search code or docs within a repo
planner
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 "/planner" or "/plan" commands.