Astro Static Patterns
OfficialEffortless brochure sites with Astro, no JS required.
Authorbytetalent
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides a streamlined approach to creating brochure-friendly static sites using Astro, eliminating the need for JavaScript and focusing on content and design.
Core Features & Use Cases
- Content Collections: Utilize content collections for managing marketing copy, services, and team information.
- MDX for Rich Pages: Leverage MDX for pages that combine prose with components, enhancing content presentation.
- Minimal Client Imports: Import client frameworks only when necessary, using client:visible directive sparingly.
- Layouts and Components: Organize layouts and shared components for reusable and maintainable code.
- Astro Image for Images: Use Astro Image for image handling, ensuring SEO-friendly image integration.
- Tailwind for Styling: Incorporate Tailwind CSS for styling, with brand kit values exposed as CSS variables.
- Use Case: Ideal for creating marketing sites, product overviews, or any static content presentation where performance and simplicity are key.
Quick Start
Use the Astro Static Patterns skill to build a new marketing site. Start by organizing your content in 'src/content/' and define your layouts and components in 'src/layouts/' and 'src/components/'. Use MDX for pages that require mixed content.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferencesassets
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: Astro Static Patterns Download link: https://github.com/bytetalent/docs/archive/main.zip#astro-static-patterns Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.