tiptap-editor

Name: tiptap-editor
Author: xiaolai

✓

xiaolai/vmarkGitHub: xiaolai/vmark Source: xiaolai/vmark

Tiptap editor API patterns for vmark WYSIWYG development. Use when working with editor commands, node traversal, selection handling, or format operations.

xiaolai·tiptap·editor

71Installs·1Trend·@xiaolai

Installation

GitHub: xiaolai/vmark

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

How to Install tiptap-editor

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

Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
Run Installation Command: Copy and run this command: npx skills add https://github.com/xiaolai/vmark --skill tiptap-editor
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

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.

cursorHandlers.ts Block Boundary Issue src/hooks/mcpBridge/cursorHandlers.ts uses doc.textContent which flattens the document and loses block boundaries. The correct approach is to use $pos helpers:

Cursor Sync Drift After WYSIWYG Edits sourceLine attributes are only set on initial parse. After WYSIWYG edits that add/remove blocks, line numbers no longer match the source. This is a known limitation.

Tiptap editor API patterns for vmark WYSIWYG development. Use when working with editor commands, node traversal, selection handling, or format operations. 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-editor
Source: xiaolai/vmark
Category: </>Dev Tools
Verified: ✓
First Seen: 2026-02-19
Updated: 2026-03-10
URL: https://www.learn-skills.dev/en/skills/xiaolai/vmark/tiptap-editor

Browse more skills from xiaolai/vmark

Quick answers

What is tiptap-editor?

Tiptap editor API patterns for vmark WYSIWYG development. Use when working with editor commands, node traversal, selection handling, or format operations. Source: xiaolai/vmark.

How do I install tiptap-editor?

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-editor Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw