prosemirror-development

Guide developers through ProseMirror schema design, plugin development, and collaborative editing.

2|Updated May 15, 2026

Search Tags:#schema design #plugin development #ProseMirror #rich text editing #editor development

Ready to run

npx skills add https://github.com/bdbch/ai-dotfiles --skill prosemirror-development

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: prosemirror-development
Source: https://github.com/bdbch/ai-dotfiles/tree/main/skills/prosemirror-development
Command: npx skills add https://github.com/bdbch/ai-dotfiles --skill prosemirror-development

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides comprehensive guidance on building and enhancing rich text editors using ProseMirror, addressing the complexity of schema design, plugin development, and collaborative editing.

Core Features & Use Cases

Schema Design: Detailed instructions on EditorState, transactions, and schema architecture.
Plugin Development: Overview of core concepts like plugins, node views, decorations, and commands.
Use Case: Ideal for developers looking to integrate ProseMirror into their projects, customize editor behavior, or implement collaborative editing features.

Quick Start

Install the skill using the command: install prosemirror-development.

Frequently Asked Questions about prosemirror-development

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I design a custom schema for a ProseMirror rich text editor?▼

To design a custom schema for a ProseMirror rich text editor, you define node and mark specifications that structure your document model. This skill provides detailed instructions on schema architecture and how EditorState manages these document structures.

What is the best way to build plugins for ProseMirror editor development?▼

The best way to build plugins for ProseMirror editor development is by leveraging core concepts like node views, decorations, and commands. This skill offers a comprehensive overview of plugin development to help you customize editor behavior effectively.

How does collaborative editing work in ProseMirror?▼

Collaborative editing in ProseMirror works by managing document updates through transactions and EditorState across multiple clients. This skill focuses on implementing these collaborative features and synchronizing state for real-time authoring tools.

Do I need to understand transactions to use ProseMirror for rich text editing?▼

Yes, you need to understand transactions because they represent state changes within the EditorState in ProseMirror. Mastering transactions is a core concept required to properly update and manipulate your rich text editing document.

Can I use ProseMirror node views and decorations to customize editor behavior?▼

Yes, you can use ProseMirror node views and decorations to customize editor behavior by rendering custom DOM elements and applying visual styling. This skill covers these plugin components to help you tailor the editor interface.