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

•

Content Management

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.

Key Features

01MDX support for embedding React components within content

02Seamless Vite plugin integration with Hot Module Replacement (HMR)

03Type-safe content schemas with Zod validation

04Automatic TypeScript module generation for IDE autocomplete

0521 GitHub stars

06Advanced transform functions for computed fields like slugs and reading time

Use Cases

01Building high-performance documentation sites with Vite and React

02Migrating from Contentlayer to a modern, actively maintained content toolkit

03Creating type-safe blogs for Cloudflare Workers and static site generators

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add secondsky/claude-skills content-collections

For use in Claude.ai and ChatGPT

Download Skill