Instructions

When to Use

• Use for MDX/Markdown sanitize + GFM pipelines.
• Prefer content-creator for social copy, not MDX plumbing.
• Prefer skillcodex-browser-ui for the doc browser shell.

Design a markdown/MDX rendering pipeline for docs or blogs in Next.js.

1. User-generated content: sanitize HTML; forbid raw dangerouslySetInnerHTML without allowlist.
2. GFM: tables, task lists, strikethrough via remark-gfm.
3. Syntax highlight: server vs client component for Shiki or prism - pick based on bundle budget.
4. Links: rel on external; heading slug plugin alignment with TOC.
5. Images: next/image in MDX wrapper components with dimensions.

Outcomes

• Plugin list + security policy paragraph + component map.