Plan Source Sync

SkillFiles & storage

Use the plan Claude skill to let your agent sync design plans between local MDX folders and a repository.

Available today. Use it from your connected AI after setup.

Add ahel to your AI once: Claude, ChatGPT, Cursor, Claude Code or Codex. Then ask it to use this.

Then ask your AI: use the Plan Source Sync skill

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-plan or read-visual-plan-source when a user or external agent wants plan files to check into a repo.
  • Use get-local-plan-folder to read a DB-free local MDX folder from PLAN_LOCAL_DIR or from a repo-relative path, and update-local-plan-folder to apply structured contentPatches back to that same folder. Pass path whenever the user is viewing a /local-plans/:slug?path=... URL. These local-folder actions do not read or write SQL.
  • Use update-local-plan-comments to add, reply to, resolve, or delete review comments on a local plan. They persist to a comments.json sidecar beside plan.mdx (committed with the plan, no SQL), are always addressed to the agent (resolutionTarget: "agent"), and are surfaced by get-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's comments.json is merged in for display and persistence.
  • Use promote-local-plan-folder when a temporary local plan should be saved into the repo. Its default target is apps.plan.roots[0].path/<slug> from agent-native.json, falling back to plans/<slug>.
  • Commit .plan-state.json with 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-source to create or replace a plan from an MDX folder.
  • Use patch-visual-plan-source for 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-file is a destructive source operation. Use it only when targeted source patches cannot express the edit, after a fresh get-visual-plan, and pass that read's plan.updatedAt as expectedUpdatedAt. 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 from shared/plan-content.ts.

Related Skills

  • plan-hosted-writes — the revision guard replace-file depends 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
613
Last commit
Sep 2026
Advanced
Item type
skill
Key
plan-source-sync
Source
github.com/builderio/agent-native