Exécutez n'importe quel Skill dans Manus
en un clic

Exécutez n'importe quel Skill dans Manus en un clic

editor-development

Étoiles6

Forks2

Mis à jour23 avril 2026 à 16:15

When you are working on the Tiptap v3 block editor. Use this for extending the editor, adding nodes, or debugging rich text issues.

Installation

Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.

Exécuter dans Manus

Source

nextblock-cms

nextblock-cms/nextblock

Ouvrir le dépôt GitHub Voir les dépôts du créateur

Téléchargement

Exécuter dans Manus

Métiers associésSOC

Basé sur la classification professionnelle SOC

Développeurs webProfessions informatiques et mathématiques·SOC 15-1254

SKILL.md

readonly

name	editor-development
description	When you are working on the Tiptap v3 block editor. Use this for extending the editor, adding nodes, or debugging rich text issues.

Editor Development (Tiptap v3)

1. Overview

Package: libs/editor (published as @nextblock-cms/editor).
Core: Tiptap v3 based (Headless).
Goal: Provide a Notion-style block editing experience.

2. Key Locations

Entrypoint: libs/editor/src/lib/editor.tsx (NotionEditor component).
Extensions: libs/editor/src/lib/kit.ts (Defines the editor schema: nodes, marks, extensions).
Toolbar: libs/editor/src/lib/components/menus/Toolbar.tsx.
Menus: libs/editor/src/lib/components/menus/ (Bubble, Floating, Slash menus).

3. Workflow

Adding a new Node/Extension

Install dependency if needed (e.g., @tiptap/extension-youtube).
Register in libs/editor/src/lib/kit.ts.
If it needs a custom view, create a React component and use ReactNodeViewRenderer.

CSP Compliance

Strict CSP: The editor runs in a strict CSP environment.
Inline Styles: Avoid inline style="..." attributes if possible, or ensure they are handled by Rehype sanitization in the renderer.
See docs/03-CMS-AND-EDITOR.md for deep dive.

4. Build & Test

Build: nx build editor. Note: The build process injects 'use client'; directives.
Test: Manual QA required for rich text interactions (selection, shortcuts, menu positioning).

Plus depuis ce dépôt

même dépôt

agent-guidelines

nextblock-cms/nextblock

When you need to understand the project's core mandate, operational rules, or "Constitution". Use this skill to align with the project's identity and strict coding standards.

2026-05-256

database-design

nextblock-cms/nextblock

Database design principles and decision-making. Schema design, indexing strategy, ORM selection, serverless databases.

2026-05-256

database-management

nextblock-cms/nextblock

When you need to modify the database schema, run migrations, or deploy Supabase changes. Use this for all SQL and Supabase-related tasks.

2026-05-256

component-development

nextblock-cms/nextblock

When you are creating or modifying UI components. Use this skill to ensure consistency with the design system and shadcn/ui.

2026-04-236

nx-operations

nextblock-cms/nextblock

When you need to run tasks, build projects, or understand the workspace graph using Nx. Use this for all build, lint, and test operations.

2026-04-236

project-architecture

nextblock-cms/nextblock

When you need to understand the directory structure, open-core model, or where to add new code.

2026-04-236

name	editor-development
description	When you are working on the Tiptap v3 block editor. Use this for extending the editor, adding nodes, or debugging rich text issues.

Editor Development (Tiptap v3)

1. Overview

Package: libs/editor (published as @nextblock-cms/editor).
Core: Tiptap v3 based (Headless).
Goal: Provide a Notion-style block editing experience.

2. Key Locations

Entrypoint: libs/editor/src/lib/editor.tsx (NotionEditor component).
Extensions: libs/editor/src/lib/kit.ts (Defines the editor schema: nodes, marks, extensions).
Toolbar: libs/editor/src/lib/components/menus/Toolbar.tsx.
Menus: libs/editor/src/lib/components/menus/ (Bubble, Floating, Slash menus).

3. Workflow

Adding a new Node/Extension

Install dependency if needed (e.g., @tiptap/extension-youtube).
Register in libs/editor/src/lib/kit.ts.
If it needs a custom view, create a React component and use ReactNodeViewRenderer.

CSP Compliance

Strict CSP: The editor runs in a strict CSP environment.
Inline Styles: Avoid inline style="..." attributes if possible, or ensure they are handled by Rehype sanitization in the renderer.
See docs/03-CMS-AND-EDITOR.md for deep dive.

4. Build & Test

Build: nx build editor. Note: The build process injects 'use client'; directives.
Test: Manual QA required for rich text interactions (selection, shortcuts, menu positioning).