Plan Source Sync
SkillFiles & storageUse the plan Claude skill to let your agent sync design plans between local MDX folders and a repository.
Use Plan Source Sync in Claude, ChatGPT or Ahel Desktop
Free. Sign in, add Plan Source Sync and connect your AI. About a minute.
Also: Claude Code · Cursor · Codex
Then ask your AI: use the Plan Source Sync 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
The MDX source surface for plans: export, import, patch by semantic ID, DB-free local plan folders, `comments.json` sidecars, promotion into a repo, and the Desktop folder bridge. Use when a plan must round-trip to or from repo files.
What this skill tells your AI
The instructions your AI receives, as published by builderio/agent-native in templates/plan/.agents/skills/plan-source-sync/SKILL.md and read by ahel’s review.
Source Surface
Runtime plan content is normalized JSON in SQL. MDX is the source-control
surface: plan.mdx for frontmatter plus markdown/document blocks,
prototype.mdx for optional Prototype/PrototypeScreen/PrototypeTransition
markup, canvas.mdx for optional DesignBoard/Section/Artboard/Screen/
Annotation/Connector markup, optional assets/, and optional
.plan-state.json.
Rules
- Use
export-visual-planorread-visual-plan-sourcewhen a user or external agent wants plan files to check into a repo. - Use
get-local-plan-folderto read a DB-free local MDX folder fromPLAN_LOCAL_DIRor from a repo-relativepath, andupdate-local-plan-folderto apply structuredcontentPatchesback to that same folder. Passpathwhenever the user is viewing a/local-plans/:slug?path=...URL. These local-folder actions do not read or write SQL. - Use
update-local-plan-commentsto add, reply to, resolve, or delete review comments on a local plan. They persist to acomments.jsonsidecar besideplan.mdx(committed with the plan, no SQL), are always addressed to the agent (resolutionTarget: "agent"), and are surfaced byget-local-plan-folder. Local comments are a one-way handoff to the coding agent — delivery is the composer's "Send to agent" copy-to-clipboard, not notifications or sharing. In bridge mode the read-only bridge serves no comments, so the colocated folder'scomments.jsonis merged in for display and persistence. - Use
promote-local-plan-folderwhen a temporary local plan should be saved into the repo. Its default target isapps.plan.roots[0].path/<slug>fromagent-native.json, falling back toplans/<slug>. - Commit
.plan-state.jsonwith repo-backed plan folders when present. It is source metadata for stable bare-Markdown block IDs, not a disposable preview cache. - Use
import-visual-plan-sourceto create or replace a plan from an MDX folder. - Use
patch-visual-plan-sourcefor small source edits by stable semantic IDs. It patches the MDX AST, runs formatting, parses back to normalized JSON, and persists the runtime model. Prefer this over regenerating a whole plan when the requested change is a few lines, one annotation, one artboard, or one wireframe node. replace-fileis a destructive source operation. Use it only when targeted source patches cannot express the edit, after a freshget-visual-plan, and pass that read'splan.updatedAtasexpectedUpdatedAt. Re-read the plan after the patch and verify that unrelated MDX files and visual surfaces were preserved.- In Agent-Native Desktop, the Plan menu can link a user-chosen local folder for
the current plan, write the exported MDX files to it, import local edits back
through
import-visual-plan-source, and optionally auto-export whenever the hosted plan changes. This is a native desktop bridge; it does not require a cloned Plan app or CLI process. - Do not fork the vocabulary. MDX components must map to the same runtime terms:
DesignBoard,Section,Artboard,Screen,Annotation,Connector, and the wireframe kit primitives fromshared/plan-content.ts.
Related Skills
- plan-hosted-writes — the revision guard
replace-filedepends on. - plan-browser-editing — how local folders autosave from the browser.
- visualize-repo — repo-native visual docs built on local plan folders.
Signals
- GitHub stars
- 7k
- Forks
- 635
- Last commit
- Oct 2026
Advanced
- Item type
- skill
- Key
plan-source-sync- Source
- github.com/builderio/agent-native
github.com/builderio/agent-native
Related picks
Skill · nvidia
The pick for Markdownmarkdown-mermaid-writing
Skill · k-dense-ai
The pick for Markdownpptx
Skill · anthropics
More in Files & storagedocx
Skill · anthropics
More in Files & storageresearch
Skill · mattpocock
More in Files & storageto-tickets
Skill · mattpocock
More in Files & storage