Stats
Actions
Tags
Help us improve
Share bugs, ideas, or general feedback.
From fuse-astro
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.
npx claudepluginhub fusengine/agents --plugin fuse-astroHow this skill is triggered — by the user, by Claude, or both
Slash command
/fuse-astro:astro-contentThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Type-safe content management with loaders, Zod schemas, and the unified Content Layer API.
Provides type-safe, schema-validated content management in Astro for Markdown, MDX, YAML, and JSON files—no CMS needed. Validates frontmatter with Zod schemas, generates TS types, enables querying/filtering/sorting, and renders with <Content />.
Complete content collections setup and management for Astro projects, including type-safe schemas, query patterns, frontmatter validation, and content organization.
Builds content-focused websites with Astro's zero-JS islands architecture, multi-framework components (React/Vue/Svelte), and Markdown/MDX support. Triggers on .astro files, Astro.props, content collections.
Share bugs, ideas, or general feedback.
Type-safe content management with loaders, Zod schemas, and the unified Content Layer API.
Before ANY implementation, use TeamCreate to spawn 3 agents:
After implementation, run fuse-ai-pilot:sniper for validation.
| 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 |
The config file moved from src/content/config.ts to src/content.config.ts in Astro 5+.
| Loader | Use Case |
|---|---|
glob() | Multiple files in a directory (MD, MDX, JSON, YAML) |
file() | Single JSON/YAML file with multiple entries |
| Custom | Remote API, database, or any async data source |
| API | Description |
|---|---|
getCollection(name) | Fetch all entries in a collection |
getEntry(name, id) | Fetch a single entry by ID |
render(entry) | Render a content entry to HTML + headings |
defineCollection() | Define a collection with loader and schema |
| Need | Reference |
|---|---|
| Overview & concepts | overview.md |
| Config file setup | config.md |
| Glob, file, custom loaders | loaders.md |
| getCollection / getEntry | querying.md |
| render() + headings | rendering.md |
| MDX + Remark/Rehype | mdx.md |
| Blog collection example | templates/blog-collection.md |
| Custom remote loader | templates/custom-loader.md |
astro sync — After changing content.config.tsglob() for local files — Supports MD, MDX, JSON, YAML, TOMLrender() for MDX — Returns Content component + headings array