How do I fix the 'module not found' error for content-collections?

This is typically caused by a missing path alias in your tsconfig.json. You must map 'content-collections' to './.content-collections/generated' in the compilerOptions.paths section.

Does this skill support React components in Markdown?

Yes, it provides guidance for integrating @content-collections/mdx, which allows you to render React components directly within your MDX files.

Can I use Content Collections with Cloudflare Workers?

Yes, it is designed for build-time execution and does not require a runtime filesystem, making it perfect for Cloudflare Workers and static asset deployments.

How do I prevent Vite from entering an infinite restart loop?

Ensure the .content-collections/ directory is added to your .gitignore and configure your vite.config.ts to ignore that directory in the server.watch settings.

Content Collections Manager

Name: Content Collections Manager
Author: secondsky

bysecondsky

•

コンテンツ管理

Transforms local Markdown and MDX files into type-safe TypeScript data with build-time validation and Vite integration.

概要

Content Collections is a specialized build tool that bridges the gap between static content and type-safe frontend development. It allows developers to define content schemas using Zod, ensuring that Markdown frontmatter is strictly validated during the build process to prevent runtime errors. This skill empowers Claude to assist with configuring Vite plugins, setting up TypeScript path aliases, defining complex content schemas, and implementing MDX components for blogs and documentation sites, providing a production-ready alternative to Contentlayer.

主な機能

MDX support for embedding React components within content
Seamless Vite plugin integration with Hot Module Replacement (HMR)
Type-safe content schemas with Zod validation
Automatic TypeScript module generation for IDE autocomplete
21 GitHub stars
Advanced transform functions for computed fields like slugs and reading time

ユースケース

Building high-performance documentation sites with Vite and React
Migrating from Contentlayer to a modern, actively maintained content toolkit
Creating type-safe blogs for Cloudflare Workers and static site generators

概要

主な機能

MDX support for embedding React components within content
Seamless Vite plugin integration with Hot Module Replacement (HMR)
Type-safe content schemas with Zod validation
Automatic TypeScript module generation for IDE autocomplete
21 GitHub stars
Advanced transform functions for computed fields like slugs and reading time

ユースケース

Building high-performance documentation sites with Vite and React
Migrating from Contentlayer to a modern, actively maintained content toolkit
Creating type-safe blogs for Cloudflare Workers and static site generators