Annotated Prototype Context
SkillAI & modelsLets your agent read a prototype's product requirements, page structure, and annotations so it can review or build on it.
Use Annotated Prototype Context in Claude, ChatGPT or Ahel Desktop
Free. Sign in, add Annotated Prototype Context and connect your AI. About a minute.
Also: Claude Code · Cursor · Codex
Then ask your AI: use the Annotated Prototype Context 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
Use when an annotated prototype URL exposes PRD, directory, annotation, or source context that an AI Agent needs for review, implementation planning, production work, source handoff, or optional review-report submission.
What this skill tells your AI
The instructions your AI receives, as published by lintendo/axhub-skills in skills/axhub-prototype-context/SKILL.md and read by ahel’s review.
Read the published context from an annotated prototype so an AI Agent can understand its pages, PRD, annotations, and available source before continuing with review or production work. Treat the page as read-only unless the user asks to submit a review report back to Axhub Make.
Workflow
- Open the requested annotated prototype URL with Playwright, Browser, Chrome, or an equivalent tool that can evaluate page JavaScript.
- Wait until the app renders, then poll briefly for
window.__AXHUB_ANNOTATION_SOURCE__. - Evaluate and return that value. Do not modify the object or write anything back to
window. - If the value is missing, report the URL, page title, relevant console errors, and that the annotated prototype context snapshot was not published.
- If the user asks to submit a review report back to Axhub Make, read
references/review-report-submission.md.
Minimal page evaluation:
await page.waitForFunction(() => window.__AXHUB_ANNOTATION_SOURCE__, { timeout: 10000 });
const source = await page.evaluate(() => window.__AXHUB_ANNOTATION_SOURCE__);
What To Report
- Directory / PRD outline from
source.directory. - Markdown or PRD entries from directory nodes with
type: "markdown". - Annotation count and the important node fields:
id,title,pageId,locator,annotationText,aiPrompt,color, andcontrols. - Source handoff from
source.sourcewhen present. Reportrootandmanifest; when source is needed, read the manifest and relevant files viaroot. - Mention whether images are attached by checking
images.length; do not download images unless the user asks.
Data Shape
type AnnotationSourceRuntimeSnapshot = {
directory: AnnotationDirectory | null;
nodes: AnnotationNode[];
source?: {
root?: string;
manifest?: string;
};
};
directory.nodesis the prototype tree. Node types arefolder,route,link, andmarkdown.nodesis the full annotation list, independent of current page, selected state, and color filter.- Each annotation node includes
id,index, optionaltitle, optionalpageId,locator,aiPrompt,annotationText,hasMarkdown,color,images, optionalcontrols,createdAt, andupdatedAt. sourceis only a source-code discovery reference. In HTML published with source included,manifestpoints tosource/manifest.json; resolve its paths relative tosource.root.
Signals
- GitHub stars
- 127
- Forks
- 17
- Last commit
- Aug 2026
Advanced
- Item type
- skill
- Key
axhub-prototype-context- Source
- github.com/lintendo/axhub-skills
github.com/lintendo/axhub-skills
More in AI & models
Skill · anthropics
More in AI & modelstriage
Skill · mattpocock
More in AI & modelswayfinder
Skill · mattpocock
More in AI & modelsalgorithmic-art
Skill · anthropics
More in AI & modelscode-review-and-quality
Skill · addyosmani
More in AI & modelsmarketing-psychology
Skill · coreyhaines31
More in AI & models