Browser Editing
SkillWeb & browsingA plan Claude skill letting your agent edit plan prose, styles, and prototype HTML directly in the browser.
Use Browser Editing in Claude, ChatGPT or Ahel Desktop
Free. Sign in, add Browser Editing and connect your AI. About a minute.
Also: Claude Code · Cursor · Codex
Then ask your AI: use the Browser Editing 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.
About this skill
Which browser surfaces are directly editable and which patch op each one autosaves through, inline prose, local plan folders, review annotation mode, canvas/design elements, and branding. Use when changing plan prose, styles, or wireframe/prototype HTML.
What this skill tells your AI
The instructions your AI receives, as published by builderio/agent-native in templates/plan/.agents/skills/plan-browser-editing/SKILL.md and read by ahel’s review.
- Prose in
rich-textblocks is edited inline with the sharedRichMarkdownEditor, autosaved throughupdate-visual-planwithcontentPatches: [{ op: "update-rich-text", blockId, markdown }]. - Local
/local-plans/:slugfolders opened fromPLAN_LOCAL_DIRor a repo-relative?path=...use the same Notion-style browser editor, but autosave throughupdate-local-plan-folderso changes are written toplan.mdx,canvas.mdx, andprototype.mdxwithout touching the Plan database. - Review annotation mode makes prose temporarily read-only so clicks can pin feedback. Leaving review mode restores inline prose editing.
- Canvas, artboard, wireframe, diagram, and custom visual edits remain driven by comments, source patches, or structured content patches rather than direct rich-text editing.
- Design-mode artboards can be element-edited with
update-visual-plancontentPatches: [{ op: "update-design-element-style", frameId, blockId, elementId, styles }]. Elements must havedata-design-idordata-plan-design-id; usepatch-wireframe-html/patch-prototype-htmlfor structural or text changes.
Branding
- The sidebar brand header has a
Customize brandingpopover. Treat it as a source-code request, not plan data: local Code mode editstemplates/plansource directly, while hosted/live surfaces route people to Desktop or Builder for code customization.
Related Skills
- plan-comments-and-feedback — the review/annotation side of these surfaces.
- plan-source-sync — the MDX files local folder autosave writes to.
- plan-hosted-writes — verification required after each hosted write.
Signals
- GitHub stars
- 7k
- Forks
- 635
- Last commit
- Oct 2026
Advanced
- Item type
- skill
- Key
plan-browser-editing- Source
- github.com/builderio/agent-native
github.com/builderio/agent-native
More in Web & browsing
Skill · browser-use
More in Web & browsingwebapp-testing
Skill · anthropics
More in Web & browsingplaywright-cli
Skill · microsoft
More in Web & browsingbenchmark
Skill · affaan-m
More in Web & browsingopen-source
Skill · browser-use
More in Web & browsingimpeccable
Skill · pbakaus
More in Web & browsing