skills.rest
zenbuapps
zenbuappsOFFICIAL
Explore all skills by this author →
GitHub

blocknote-v0.30

Creates BlockNote-based block editors in React with customizable schemas and collaboration features.

1|Updated Mar 6, 2026
Search Tags:#markdown#collaboration#react#editor#blocks#rich-text#blocknote
One-click install
npx skills add https://github.com/zenbuapps/zenbu-powers --skill blocknote-v0-30
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: blocknote-v0.30
Source: https://github.com/zenbuapps/zenbu-powers/tree/main/skills/blocknote-v0.30
Command: npx skills add https://github.com/zenbuapps/zenbu-powers --skill blocknote-v0-30

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

BlockNote provides a block-based rich text editor for React, enabling structured, extensible content creation with real-time collaboration and customizable schemas.

Core Features & Use Cases

  • Block-based editing with paragraphs, headings, lists, tables, and media
  • Customizable schemas and extensions to fit varied editing workflows
  • Built-in collaboration and advanced UI components like slash menus and toolbars
  • Use cases include CMS editors, documentation, note-taking apps, and content templates

Quick Start

Install and initialize a BlockNote editor in a React app and begin editing with a sample document.

Frequently Asked Questions about blocknote-v0.30

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

FAQPage Schema
How do I build a block editor in React with slash menus and rich text blocks?▼

BlockNote provides a block-based rich text editor for React that enables structured content creation with built-in slash menus, toolbars, and rich text blocks like paragraphs, headings, lists, tables, and media.

What is the best way to add real-time collaboration to a React rich text editor?▼

The best way to add real-time collaboration is using BlockNote's built-in collaboration features, which allow multiple users to edit structured blocks simultaneously within a React application.

Can I customize the block schema and extensions for my CMS editor interface?▼

Yes, BlockNote supports customizable schemas and extensions, allowing you to define custom blocks and formatting rules to fit CMS editor interfaces and specific content workflows in React.

Does BlockNote support importing and exporting markdown content?▼

BlockNote supports import and export capabilities for markdown content, enabling you to convert structured rich text blocks to and from markdown within your React application.

How do I configure toolbars and formatting options in a React block editor?▼

You can configure toolbars and formatting options using BlockNote's advanced UI components and formatting APIs, which provide extensible points to customize the editing experience in React.

When should I use a block-based editor instead of a standard rich text editor for my web app?▼

Use a block-based editor like BlockNote when your web app requires structured, extensible content blocks, custom schemas, and real-time collaboration, which standard rich text editors typically lack.

Related Skills

Explore More Software Engineering Skills→
PTKDrakePTKDrake
1

blocknotejs

Integrate a BlockNote rich text editor with JSON serialization into Laravel.

Community
Advanced
rally19rally19

tiptap

Integrate Tiptap rich text editor into React and Next.js projects.

Community
Intermediate
plurigridplurigrid
60

topos-catcolab

Enable collaborative category-theory modeling with real-time Automerge CRDT synchronization.

Official
Advanced
kraftvaerkkraftvaerk

umbraco-tiptap-extension

Implement Tiptap extensions for custom nodes and marks in Umbraco's rich text editor.

Official
Intermediate