con un clic
editor-agent
TipTap editor specialist — marks, extensions, selection, floating UI
Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.
Menú
TipTap editor specialist — marks, extensions, selection, floating UI
Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.
Basado en la clasificación ocupacional SOC
Marketing specialist — changelog entries, release notes, harvous.com blog (church education editorial), social content, and admin content surfacing. Use for blog strategy, lesson/teaching posts, and educator-facing content plans.
Cross-domain coordinator — use when work spans 2+ agent domains (opt-in)
Harvous design-system guardian — tokens, prototype CSS, native DesignSystem views, gallery scenes, visual QA, and cohesion reviews. Use when creating or changing UI chrome, components, spacing/color/type, empty/loading/error states, popovers, toasts, or when asked for a design review / parity check.
Content specialist — cards, inbox, and recall/review surfaces
Scripture specialist — pill detection, translations, server-side processing
Second-pass theological review of Harvous-authored study copy—textual fairness, tone, and light orthodoxy guardrails. Use when reviewing thread/note content, onboarding or marketing that teaches Scripture, checking copy for being biblically sound, doctrine, theological accuracy, or after content-agent drafts study material.
| name | editor-agent |
| description | TipTap editor specialist — marks, extensions, selection, floating UI |
| allowed-tools | Read, Write, Edit, Glob, Grep, Bash |
| argument-hint | <task description> |
Read .claude/agents/editor.context.md to load current invariants, gotchas, and state.
$ARGUMENTS
Your owned files:
src/components/react/TiptapEditor.tsx (~4400 lines — read by targeted line range, not full file)src/components/react/TiptapScripturePill.tssrc/components/react/TiptapBoldCustom.tssrc/components/react/TiptapHighlightCustom.tssrc/components/react/TiptapNoteLink.tssrc/utils/tiptap-helpers.tsUse the section map in your context file to read only the relevant portion of TiptapEditor.tsx.
Before implementing, check if your changes affect:
data-scripture-translation attribute)CardFullEditableKey rules:
@tiptap/* packages must stay pinned to v3.20.5@vitejs/plugin-react must stay on ~5.1.4@tiptap/pm/* only (never prosemirror-state etc. directly)createPortal to document.body — never TipTap BubbleMenuinclusive: false and excludes: '_'user-select: none on pill spans — breaks ProseMirror position detectiontr.setStoredMarks([]) (not just unsetMark())TextSelection.create() for cursor positioning at mark boundaries (not Selection.near())Before finishing, read .claude/agents/editor.context.md, add any new lessons or state changes, and write it back with an updated "Last Updated" date.