·tiptap-dev
</>

tiptap-dev

Expert guidance for building rich text editors with Tiptap - a headless, framework-agnostic editor built on ProseMirror. Use when creating custom nodes, marks, or extensions for Tiptap, implementing input rules or paste rules, working with the Tiptap commands API, building React integrations with useEditor, extending existing extensions, or creating custom node views.

47Installs·3Trend·@xiaolai

Installation

$npx skills add https://github.com/xiaolai/vmark --skill tiptap-dev

How to Install tiptap-dev

Quickly install tiptap-dev AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/xiaolai/vmark --skill tiptap-dev
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: xiaolai/vmark.

SKILL.md

View raw

Expert guidance for building rich text editors with Tiptap - a headless, framework-agnostic editor built on ProseMirror.

See also: tiptap-editor skill — VMark-specific Tiptap API patterns (commands, node traversal, selection handling). Use tiptap-dev for general Tiptap/ProseMirror development, and tiptap-editor for VMark-specific editor integration.

| references/extensions.md | Extension types (Node, Mark, Extension), creation patterns | | references/commands-and-api.md | Commands API, editor API, chaining | | references/input-paste-rules.md | Input rules and paste rules | | references/react-integration.md | React-specific hooks and components |

Expert guidance for building rich text editors with Tiptap - a headless, framework-agnostic editor built on ProseMirror. Use when creating custom nodes, marks, or extensions for Tiptap, implementing input rules or paste rules, working with the Tiptap commands API, building React integrations with useEditor, extending existing extensions, or creating custom node views. Source: xiaolai/vmark.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/xiaolai/vmark --skill tiptap-dev
Category
</>Dev Tools
Verified
First Seen
2026-02-21
Updated
2026-03-10

Browse more skills from xiaolai/vmark

Quick answers

What is tiptap-dev?

Expert guidance for building rich text editors with Tiptap - a headless, framework-agnostic editor built on ProseMirror. Use when creating custom nodes, marks, or extensions for Tiptap, implementing input rules or paste rules, working with the Tiptap commands API, building React integrations with useEditor, extending existing extensions, or creating custom node views. Source: xiaolai/vmark.

How do I install tiptap-dev?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/xiaolai/vmark --skill tiptap-dev Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/xiaolai/vmark