markdown-content
Markdown Content Pages — Next.js
This skill defines how to build content-driven pages (blog posts, changelogs, legal pages, knowledge bases) in a Next.js App Router project using MDX.
The goal is visual and behavioral consistency between:
- Markdown codeblocks written in
.mdxfiles (processed at build time) - Custom React code components rendered on the page (highlighted at runtime)
Stack Overview
More from joyco-studio/skills
pr-description-writer
>
37parallel-claudes
>
32trace-audit
Analyze a Chrome DevTools Performance trace JSON file for performance anomalies, producing a structured audit report with critical issues, warnings, metrics, timeline hotspots, and actionable recommendations.
30joyco-lab
Use this skill whenever the user wants to isolate a piece of code, animation, or 3D experiment into a standalone JOYCO Lab experiment and publish it. Triggers include: \"isolate this\", \"publish this to the lab\", \"create a lab experiment\", \"extract this animation/effect/scene\", \"submit to JOYCO lab\", \"make this an experiment\". Also trigger when the user shows you a self-contained visual effect, animation, 3D scene, canvas sketch, or interactive component and wants to share or showcase it. Even if they don't say \"lab\" explicitly — if there's isolatable creative/technical code and a desire to share it, use this skill.
21thrash-report-analyzer
>
12webaudio
>
5