Skills
.Work. You
Rest

handoff-spec

Community

Craft precise developer handoff specs.

Software Engineering#accessibility#implementation#handoff#spec#assets#design-to-dev
AuthorOwl-Listener
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Create clear, complete developer handoff specifications that translate design intent into unambiguous implementation details, reducing rework and misinterpretation.

Core Features & Use Cases

  • Visual Specifications: spacing and sizing references, color tokens, typography, borders, radii, shadows, and responsive behavior notes.
  • Interaction & Content Specifications: state definitions (default, hover, focus, active, disabled), transitions, content rules, localization considerations, and accessibility notes.
  • Asset Delivery & Implementation Notes: provide icons (SVG, naming conventions), images (formats and resolutions), fonts, data structures, API dependencies, and integration guidance.
  • Edge Cases: coverage for minimum/maximum content, breakpoint behavior, accessibility constraints, and cross-browser considerations.

Quick Start

Provide a complete handoff spec for the selected UI component detailing visuals, behavior, assets, and edge cases.

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: handoff-spec
Download link: https://github.com/Owl-Listener/designer-skills/archive/main.zip#handoff-spec

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 471,000+ vetted skills library on demand.