Skills
.Work. You
Rest

source-command-handoff

Community

Create interactive prototype handoff experiences

Design & Creative#html#design system#figma#user stories#handoff#prototype#component inspector
Authorcodesour-design
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill transforms completed Gravity HTML prototypes into documented interactive handoffs, reducing the effort needed to explain UI behavior, design decisions, and product flows to development teams.

Core Features & Use Cases

  • Interactive Handoff Generation: Creates an HTML handoff variant with developer tooling, user story tours, component inspection, and inline design notes.
  • Prototype Documentation: Maps screens, selectors, components, domain models, dependencies, and scenarios into structured handoff metadata.
  • Use Case: A product designer can document a Gravity prototype sprint by adding guided user story walkthroughs, inspectable UI components, and implementation notes for engineers.

Quick Start

Ask the skill to create an interactive HTML handoff for a completed Gravity prototype and guide the required documentation flow.

Dependency Matrix

Required Modules

None required

Components

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: source-command-handoff
Download link: https://github.com/codesour-design/gravity/archive/main.zip#source-command-handoff

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 545,000+ vetted skills library on demand.