mock-ui-handoff
CommunityClear, actionable mock UI handoffs
Authorbennybennison
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Provide a clear, machine- and human-readable handoff package that communicates the exact scope, artifacts, and assumptions of a mocked frontend so downstream teams can continue work without ambiguity or costly re-discovery.
Core Features & Use Cases
- Scope Declaration: Explicitly records what branch contains the mock UI and which workflows were validated.
- Artifact Inventory: Lists artifact paths and screen inventories so implementers can locate assets quickly.
- Assumptions & Exclusions: Documents fake-data assumptions and what remains intentionally undefined (backend, infra).
- Next Steps Guidance: Recommends the next owner or process and makes the stop point explicit to avoid misinterpretation.
- Use Case: Designer hands off a click-through prototype to an engineering squad with all screens, fake-data notes, tested flows, and recommended integration steps.
Quick Start
Prepare a UiMockHandoff that lists the branch, artifact paths, validated workflow, screens, fake-data assumptions, exclusions, and the recommended next owner.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: mock-ui-handoff Download link: https://github.com/bennybennison/agent-toolkit/archive/main.zip#mock-ui-handoff Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.