← ClaudeAtlas

astro-contentlisted

Expert Astro Content Layer API — content.config.ts, glob/file loaders, custom loaders, getCollection, getEntry, render(), Zod schemas, MDX, Remark/Rehype plugins. Use when managing structured content, blog posts, or any typed data collections.
fusengine/agents · ★ 15 · Web & Frontend · score 84
Install: claude install-skill fusengine/agents
# Astro Content Layer Expert Type-safe content management with loaders, Zod schemas, and the unified Content Layer API. ## Agent Workflow (MANDATORY) Before ANY implementation, use `TeamCreate` to spawn 3 agents: 1. **fuse-ai-pilot:explore-codebase** - Check existing collections, loaders, and content structure 2. **fuse-ai-pilot:research-expert** - Verify latest Content Layer docs via Context7/Exa 3. **mcp__context7__query-docs** - Get loader and schema examples After implementation, run **fuse-ai-pilot:sniper** for validation. --- ## Overview ### When to Use - Managing blog posts, docs, or product descriptions in Markdown/MDX - Fetching content from a CMS, API, or database with type safety - Needing TypeScript autocomplete for frontmatter fields - Migrating from Astro 4 legacy content collections ### Why Content Layer API | Feature | Benefit | |---------|---------| | `src/content.config.ts` | Single config file at project root | | Built-in loaders | `glob()` and `file()` for local files | | Custom loaders | Fetch from any external source | | Zod 4 schemas | Full TypeScript type safety | | `astro sync` | Generates types from collections | --- ## Core Concepts ### Config File Location The config file moved from `src/content/config.ts` to `src/content.config.ts` in Astro 5+. ### Collection Types | Loader | Use Case | |--------|----------| | `glob()` | Multiple files in a directory (MD, MDX, JSON, YAML) | | `file()` | Single JSON/YAML file with multiple entries