tiptap▌

Instructions for coding agents integrating the Tiptap rich text editor

Headless rich text editor framework for React with SSR safety, image uploads, and collaborative editing support. \n \n Requires immediatelyRender: false in Next.js/SSR apps to prevent hydration mismatches; this is the #1 setup error \n Includes StarterKit bundle (20+ extensions) plus optional Image, Link, Markdown, Collaboration, and Typography extensions \n Supports three integration patterns: shadcn minimal-tiptap component, custom React hooks, or headless API with ProseMirror \n Prevents 7 do

This skill documents proper Tiptap API usage patterns for vmark development. It helps distinguish when to use Tiptap's high-level API vs direct ProseMirror access.