Skill

design-handoff

Create comprehensive developer handoff documentation from designs. Trigger with "handoff to engineering", "developer specs", "implementation notes", "design specs for developers", or when a design needs to be translated into detailed implementation guidance.

From design

Install

Run in your terminal

npx claudepluginhub 8gg-git/knowledge-work-plugins --plugin design

Tool Access

This skill uses the workspace's default tool permissions.

Skill Content

Similar Skills

skill-lookup

Searches, retrieves, and installs Agent Skills from prompts.chat registry using MCP tools like search_skills and get_skill. Activates for finding skills, browsing catalogs, or extending Claude.

prompts.chat

157.5k

prompt-lookup

Searches prompts.chat for AI prompt templates by keyword or category, retrieves by ID with variable handling, and improves prompts via AI. Use for discovering or enhancing prompts.

prompts.chat

157.5k

ai-first-engineering

Provides process, architecture, review, hiring, and testing guidelines for engineering teams relying on AI code generation.

ecc

140.3k

Stats

Parent Repo Stars0

Parent Repo Forks0

Last CommitFeb 24, 2026

Actions

View Source View Plugin View on GitHub View README

What to Include

Visual Specifications

Exact measurements (padding, margins, widths)

Design token references (colors, typography, spacing)

Responsive breakpoints and behavior

Component variants and states

Interaction Specifications

Click/tap behavior

Hover states

Transitions and animations (duration, easing)

Gesture support (swipe, pinch, long-press)

Content Specifications

Character limits

Truncation behavior

Empty states

Loading states

Error states

Edge Cases

Minimum/maximum content

International text (longer strings)

Slow connections

Missing data

Accessibility

Focus order

ARIA labels and roles

Keyboard interactions

Screen reader announcements

Principles

Don't assume — If it's not specified, the developer will guess. Specify everything.

Use tokens, not values — Reference spacing-md not 16px.

Show all states — Default, hover, active, disabled, loading, error, empty.

Describe the why — "This collapses on mobile because users primarily use one-handed" helps developers make good judgment calls.

Design Handoff

Create clear, complete handoff documentation so developers can implement designs accurately.