content-mdx

Community

MDX-powered portfolio content management.

AuthorJaivishChauhan
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Content-driven portfolio sites often suffer from content inconsistency and hard-to-maintain data scattered across code. This Skill centralizes content management by enabling MDX, Contentlayer, or local JSON to power projects, blog posts, and other dynamic data in Next.js apps.

Core Features & Use Cases

  • Unified content source: MDX-based blog, JSON-typed data for projects, and optional Contentlayer integration for strong type-safety.
  • DX-focused tooling: Type-safe frontmatter, computed fields (slugs, URLs), and simple content pipelines for projects and posts.
  • Use Case: Update a project or post in content/ and see it reflected on the site without touching UI code.

Quick Start

Start by creating content in the content/ directory (projects, blog, data), install the necessary tooling, and wire the content into Next.js pages using the provided examples.

Dependency Matrix

Required Modules

contentlayernext-contentlayerdate-fns

Components

Standard package

💻 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: content-mdx
Download link: https://github.com/JaivishChauhan/vibecoding-starter/archive/main.zip#content-mdx

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.