Edit on page
SkillWeb & browsingDerek edits a page's copy directly in the browser (currently /vision?edit), then pastes back the exported JSON with his comments. Use when he says "let me edit it directly on the page", "I'll edit on the page", pastes a vision-content JSON, or asks to leave comments on the page. Applies his edits to the branch verbatim, fixes only typos, checks figures against measured sources, and answers every comment.
Use Edit on page in Claude, ChatGPT or Ahel Desktop
Free. Sign in, add Edit on page and connect your AI. About a minute.
Also: Claude Code · Cursor · Codex
Then ask your AI: use the Edit on page skill
Details
Instructions available. Your AI can read the instructions. Execution depends on the setup they require.
Account requirements not reviewed. Check the skill instructions before use; Ahel provides instructions and does not run this skill.
No other account needed.
Add Ahel to your AI once: Claude, ChatGPT, Cursor, Claude Code or Codex. Then ask it to use this.
What this skill tells your AI
The instructions your AI receives, as published by embassy-of-the-free-mind/sourcelibrary-v2 in .claude/skills/edit-on-page/SKILL.md and read by Ahel’s review.
PRIOR ART: .claude/skills/curate-collection-editor.md — that one drives the collection editor
API with a key; this is the no-backend flow where the reviewer edits a static page in the browser
and hands back JSON. src/app/vision/content.ts header documents the mechanism.
What exists
/vision?editrenders every text field ascontentEditable(src/app/vision/VisionView.tsx). Nothing is saved server-side. The toolbar has Copy JSON, Paste JSON, Add comment, Reset.- Add comment: click into a paragraph, press Add comment, type, Save. Comments are listed in
the toolbar and exported in the JSON as
_comments: [{ path, excerpt, text }]. They are notes for you, never rendered. - Only
/visionhas this today. Adding it to another page means the sameF()renderer pattern and acontent.tssingle source of truth.
Flow
- Hand Derek the right URL. If a PR is open, the Vercel preview URL +
?edit(so he edits the branch's text, not the stale live page). Get it withnpx vercel inspect <deployment-id>from the PR's Vercel check. Tell him in one line: copy before navigating away; Reset returns to the branch text. - Receive the JSON (he pastes it). Parse it; separate
_commentsfrom the content. - Apply to
content.tsverbatim, with exactly these mechanical fixes:- Split paragraphs he typed with blank lines (
\n\n\ninside one string) into separate array entries; drop empty"\n"entries. The renderer does not honour newlines inside a field. - Typos and casing only: brand spelling ("Source Library"), proper nouns, straight → curly
apostrophes to match the file, a dangling word. List every one in the reply so he can
veto. Never reword a sentence (see auto-memory
feedback_dont_change_authored_copy). - Structure changes he asks for in prose ("move the picture up", "drop the quote") are code
changes in
VisionView.tsx/ theVisionContenttype, done in the same commit.
- Split paragraphs he typed with blank lines (
- Check the figures against the measured sources before pushing:
/admin/spend(opscosts/spend-dashboard/{projection,output,narrative}.json) for costs and pages, the budget doc~/sourcelibrary-ops/docs/program-budget-5yr-2026-09.mdfor budget lines,visibility-and-stats.mdfor corpus counts. A claim you cannot verify (a record, a history fact) is flagged, not changed. Put the flags at the top of the reply, most consequential first; money claims first of all. - Answer every comment in the reply, by the excerpt he'll recognise, not by path. A comment that asks for a feature becomes a change in the same PR when small, an issue when not.
npx tsc --noEmit, commit by path with DCO sign-off, push, and give him the new preview URL +?editfor the next round. sourcelibrary is review-gated: he merges.
Don'ts
- Don't paste his JSON over
content.tswholesale: the file header carries provenance comments and the type may have changed. - Don't "improve" his prose, tone, or structure. The Pangram detector scores this page ~0 either
way; the judge is Derek's eye and the rules in
feedback_no_ai_flourish_in_published_copy. - Don't ship a figure that contradicts the spend page without saying so in the reply.
Signals
- GitHub stars
- 21
- Forks
- 4
- Last commit
- Oct 2026
Advanced
- Item type
- skill
- Key
edit-on-page- Source
- github.com/embassy-of-the-free-mind/sourcelibrary-v2
github.com/embassy-of-the-free-mind/sourcelibrary-v2
Related picks
Skill · mattpocock
The pick for TypeScripttypescript-pro
Skill · jeffallan
The pick for TypeScriptdeploy-to-vercel
Skill · vercel-labs
The pick for Vercelvercel-deploy
Skill · davila7
The pick for Vercelvercel
Skill · a5c-ai
The pick for Vercelbrowser-use
Skill · browser-use
More in Web & browsing