How chocpink123/prototype-previewer-skill works
Prototype Previewer is a reusable assistant skill pack for creating interactive prototype-review pages, with adapters for Cursor and Claude Code and direct use in Codex. The main workflow is invocation, project/screen adaptation, and generation of the reviewer page, optionally with a Figma capture page. The README documents the templates and guidance; sampled source only covers the optional validation helper, so its runtime behavior is shown without assuming how the unsampled skill instructions implement generation.
Main entry points: SKILL.md Previewer skill · check_previewer.py Previewer checker · commands/prototype-previewer.md Cursor command · commands/prototype-previewer.md Claude command
Components 16
Tool Entry Points
- Cursor command
adapters/cursor/.cursor/commands/prototype-previewer.md - Cursor rules
adapters/cursor/.cursor/rules/prototype-previewer.mdc - Claude command
adapters/claude/.claude/commands/prototype-previewer.md - Claude guidance
adapters/claude/CLAUDE.md
Review Guidance
- Previewer skill
prototype-previewer/SKILL.md - Previewer spec
prototype-previewer/references/previewer-spec.md - Adaptation checklist
prototype-previewer/references/adaptation-checklist.md
Output Templates
- Interactive template
prototype-previewer/assets/index.template.html - Figma capture template
prototype-previewer/assets/figma_capture_index.template.html
Validation
- Previewer checker
prototype-previewer/scripts/check_previewer.py
Other components
- Project author
- Codex
- Cursor
- Claude Code
- Generated reviewer
- Generated capture page
Connections 19
- Project author → Codex: invokes skill
- Codex → Previewer skill: uses
- Project author → Cursor: invokes command
- Cursor → Cursor command: loads
- Cursor → Cursor rules: may load
- Cursor command → Previewer skill: dispatches
- Project author → Claude Code: invokes command
- Claude Code → Claude command: loads
- Claude Code → Claude guidance: may merge
- Claude command → Previewer skill: dispatches
- Previewer skill → Previewer spec: follows
- Previewer skill → Adaptation checklist: uses
- Previewer skill → Interactive template: adapts
- Previewer skill → Generated reviewer: generates
- Previewer skill → Figma capture template: optionally adapts
- Previewer skill → Generated capture page: optionally generates
- Project author → Previewer checker: runs
- Previewer checker → Generated reviewer: checks
- Previewer checker → Generated capture page: checks