Resolve which slide, page, and (optionally) selected element the user is currently viewing in the open-slide dev server. Consult this whenever the user references "this page", "this slide", "this element", "the slide I'm on", "the current page", or any deictic reference to slide content without naming it. Re-read `node_modules/.open-slide/current.json` at the start of every such turn — the user navigates between turns, so a value you read earlier in the conversation is almost certainly stale.
72
88%
Does it follow best practices?
Run evals on this skill
Adds up to 20 points to the overall score
View guide
Passed
No findings from the security scan
When the user says "fix this page", "tweak this heading", or "the slide I'm looking at", they almost never name the slide id, page number, or element — they mean wherever they are in the dev viewer. Before asking "which slide?" or "which element?", check the file the dev server writes on every navigation and inspector pick.
current.json is a live cursor, not a fact about the conversation. The user moves between slides, pages, and elements freely between your turns — including while you were doing other work. Read the file fresh at the start of every new turn that uses a deictic reference, even if:
A "continue editing" follow-up is exactly the case where the user has likely just navigated to a different slide or picked a different element. Trusting your last read here will silently edit the wrong file. Re-read, compare slideId / pageIndex / selection against what you used last time, and act on the new values.
node_modules/.open-slide/current.jsonPath is relative to the project root (the user's cwd, the directory that contains slides/ and package.json). Use the Read tool. The file is JSON.
{
"slideId": "q2-roadmap",
"pageIndex": 2,
"pageNumber": 3,
"totalPages": 8,
"slideTitle": "Q2 Roadmap",
"view": "slides",
"pagePath": "slides/q2-roadmap/index.tsx",
"selection": {
"line": 42,
"column": 6,
"tagName": "h1",
"text": "Q2 Roadmap"
},
"updatedAt": "2026-05-09T14:32:11.123Z"
}slideId — folder name under slides/. Use as-is for any /__slides/<id>/... API or as the URL segment.pageIndex — 0-based, for use with the page array in index.tsx (export default [Cover, Body, ...]).pageNumber — 1-based, for use in messages to the user ("page 3 of 8") and for the URL ?p=N.pagePath — relative path to the slide source. Hand straight to Read / Edit.view — "slides" (canvas view) or "assets" (asset manager). If "assets", the user is browsing files for that slide rather than viewing a page.selection — null if nothing is selected. Otherwise, the JSX element the user picked in the inspector overlay:
line (1-indexed) and column (0-indexed) point to the JSX opening tag inside pagePath. This is the canonical handle — match against the source line, not the rendered DOM.tagName is the rendered DOM tag, lowercased ("h1", "div", "img").text is a trimmed text snippet (≤120 chars) from the element's textContent, useful as a sanity check that you're looking at the right node.updatedAt — ISO timestamp of the last navigation or selection change. Use it to detect staleness.selection is non-null, that's the element they mean.git log, recently-edited files, or the most recent slide folder.q2-roadmap") — use that name directly.apply-comments workflow already finds the right file via @slide-comment markers; it doesn't need this skill.slides/ directly.updatedAt is the last time the user navigated. Treat it like a cache:
pagePath, do the work.A newer updatedAt than the one you saw last turn is the normal signal that the user has moved — switch to the new slideId / pageIndex / selection without asking.
User: "tighten the spacing on this page"
node_modules/.open-slide/current.json.updatedAt is recent.pagePath (e.g. slides/q2-roadmap/index.tsx).pageIndex in the default-exported array.slide-authoring skill for spacing rules, then edit that page in place.If current.json is missing or stale, ask: "Which slide and page should I tighten? The dev server hasn't published a current page recently."
User: "make this bigger"
node_modules/.open-slide/current.json.selection is non-null, the user means that element. Read pagePath, jump to selection.line, and find the JSX opening tag near that line/column. Confirm with the snippet in selection.text and the tagName.slide-authoring for type-scale and layout rules before editing.If selection is null, fall back to the page-level flow above — and consider asking "which element?" since the user used a deictic but hasn't picked one in the inspector.
35dc46c
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.