Menu
When you are working on the Tiptap v3 block editor. Use this for extending the editor, adding nodes, or debugging rich text issues.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
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.
Database design principles and decision-making. Schema design, indexing strategy, ORM selection, serverless databases.
When you need to modify the database schema, run migrations, or deploy Supabase changes. Use this for all SQL and Supabase-related tasks.
When you are creating or modifying UI components. Use this skill to ensure consistency with the design system and shadcn/ui.
When you need to run tasks, build projects, or understand the workspace graph using Nx. Use this for all build, lint, and test operations.
When you need to understand the directory structure, open-core model, or where to add new code.
| 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. |
libs/editor (published as @nextblock-cms/editor).libs/editor/src/lib/editor.tsx (NotionEditor component).libs/editor/src/lib/kit.ts (Defines the editor schema: nodes, marks, extensions).libs/editor/src/lib/components/menus/Toolbar.tsx.libs/editor/src/lib/components/menus/ (Bubble, Floating, Slash menus).@tiptap/extension-youtube).libs/editor/src/lib/kit.ts.ReactNodeViewRenderer.style="..." attributes if possible, or ensure they are handled by Rehype sanitization in the renderer.docs/03-CMS-AND-EDITOR.md for deep dive.nx build editor. Note: The build process injects 'use client'; directives.