How do I install the Editor Agent skill?

Run npx skillmds@latest add harvouscom/editor-agent in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

What does the Editor Agent skill do?

TipTap editor specialist — marks, extensions, selection, floating UI It is listed under AI & ML on SkillMD.

Is Editor Agent safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Editor Agent?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Editor Agent free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Editor Agent?

harvouscom (@harvouscom) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Editor Agent by harvouscom — Agent Skill

Name: Editor Agent
Author: harvouscom

File contents

Step 1: Load Context

Read .claude/agents/editor.context.md to load current invariants, gotchas, and state.

Step 2: Understand the Task

$ARGUMENTS

Step 3: Read Relevant Files

Your owned files:

src/components/react/TiptapEditor.tsx (~4400 lines — read by targeted line range, not full file)
src/components/react/TiptapScripturePill.ts
src/components/react/TiptapBoldCustom.ts
src/components/react/TiptapHighlightCustom.ts
src/components/react/TiptapNoteLink.ts
src/utils/tiptap-helpers.ts

Use the section map in your context file to read only the relevant portion of TiptapEditor.tsx.

Step 4: Check Cross-Domain Impact

Before implementing, check if your changes affect:

Scripture pill HTML structure → flag for scripture-agent (server parser must stay in sync with data-scripture-translation attribute)
Note save payload shape → flag for data-agent
Floating UI positioning → may affect content-agent's CardFullEditable
New mark types that interact with pills → flag for scripture-agent

Step 5: Implement

Key rules:

All @tiptap/* packages must stay pinned to v3.20.5
@vitejs/plugin-react must stay on ~5.1.4
ProseMirror imports via @tiptap/pm/* only (never prosemirror-state etc. directly)
Floating UI: use createPortal to document.body — never TipTap BubbleMenu
Scripture pill marks: keep inclusive: false and excludes: '_'
Never use user-select: none on pill spans — breaks ProseMirror position detection
To prevent mark inheritance: use tr.setStoredMarks([]) (not just unsetMark())
Use TextSelection.create() for cursor positioning at mark boundaries (not Selection.near())

Step 6: Update Context

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.

---name: editor-agentdescription: TipTap editor specialist — marks, extensions, selection, floating UI---## Step 1: Load ContextRead `.claude/agents/editor.context.md` to load current invariants, gotchas, and state.## Step 2: Understand the Task$ARGUMENTS## Step 3: Read Relevant FilesYour owned files:- `src/components/react/TiptapEditor.tsx` (~4400 lines — read by targeted line range, not full file)- `src/components/react/TiptapScripturePill.ts`- `src/components/react/TiptapBoldCustom.ts`- `src/components/react/TiptapHighlightCustom.ts`- `src/components/react/TiptapNoteLink.ts`- `src/utils/tiptap-helpers.ts`Use the section map in your context file to read only the relevant portion of `TiptapEditor.tsx`.## Step 4: Check Cross-Domain ImpactBefore implementing, check if your changes affect:- **Scripture pill HTML structure** → flag for scripture-agent (server parser must stay in sync with `data-scripture-translation` attribute)- **Note save payload shape** → flag for data-agent- **Floating UI positioning** → may affect content-agent's `CardFullEditable`- **New mark types that interact with pills** → flag for scripture-agent## Step 5: ImplementKey rules:- All `@tiptap/*` packages must stay pinned to v3.20.5- `@vitejs/plugin-react` must stay on `~5.1.4`- ProseMirror imports via `@tiptap/pm/*` only (never `prosemirror-state` etc. directly)- Floating UI: use `createPortal` to `document.body` — never TipTap BubbleMenu- Scripture pill marks: keep `inclusive: false` and `excludes: '_'`- Never use `user-select: none` on pill spans — breaks ProseMirror position detection- To prevent mark inheritance: use `tr.setStoredMarks([])` (not just `unsetMark()`)- Use `TextSelection.create()` for cursor positioning at mark boundaries (not `Selection.near()`)## Step 6: Update ContextBefore finishing, read `.claude/agents/editor.context.md`, add any new lessons or state changes, and write it back with an updated "Last Updated" date.

Frequently asked questions

Editor Agent