Wire Figma screens into a clickable prototype - interactions, transitions, overlays, flow starting points - and check for dead ends. Use for /layer:prototype.
Scanned 10/6/2026
Skills Directorynpx -y skills add shayan-m81/layerwright --skill prototype --agent claude-codeInstalls into .claude/skills of the current project.
Are you the author of Prototype?
Add the live security badge to your README — it updates automatically with every re-scan.
[](https://www.skillsdirectory.com/skills/shayan-m81-prototype)More formats (shields.io, HTML) on the badges page. Keep it an A: scan every change in CI with Pro.
---
name: prototype
description: Wire Figma screens into a clickable prototype - interactions, transitions, overlays, flow starting points - and check for dead ends. Use for /layer:prototype.
argument-hint: "[screens or flow]"
disable-model-invocation: true
---
# Prototype
1. `figma_status` with a `title`. Find the screens: the selection, the names the user gave after the command, or `figma_inspect` target "page".
2. Write the flow down first (which element goes where, with which transition) and confirm it in one message.
3. `figma_edit` with `prototype` ops (click / hover / after-delay → navigate, overlay, swap, back; smart-animate for changes between similar screens, push/slide for navigation) and a `flow` op for the starting screen.
4. Check: every screen reachable, every screen has a way back or forward.
5. Tell them how to try it: Figma → Present (▶) from the flow's starting screen.
Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.
No comments yet. Be the first to comment!
