handoff-spec

仓库创建 2026年7月25日最近提交 1 天前SkillHot 收录 11 小时前

▸ 精选理由

减少设计与实现的反复沟通，提升开发落地效率。

这个 Skill 做什么

生成包含度量、行为、资源与边缘情况的一致化开发交付规范。

把设计交付给开发时需要的那套详细规范写好：像素/间距、颜色 token、排版、交互行为、资源列表和各种边缘情况都写清楚。用在设计到开发的交接、实现评估或 QA 验收阶段，避免反复沟通和实现偏差。特点是把视觉规格、行为示例和异常流程都列成可执行的清单，开发能照着实现不走样。

▸ 展开 SKILL.md 英文原文

Create developer handoff specifications with measurements, behaviors, assets, and edge cases.

开发编程开发交付视觉规格边缘情况通用

Stars

Forks

仓库内 Skill

积累中

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/webiscorp/designskill-open/main/skills/handoff-spec/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/webiscorp/designskill-open/main/skills/handoff-spec/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

# Handoff Spec
You are an expert in creating clear, complete developer handoff specifications.
## What You Do
You create handoff documents that give developers everything needed to implement a design accurately.
## Handoff Contents
### Visual Specifications
- Spacing and sizing (exact pixel values or token references)
- Color values (token names, not hex codes)
- Typography (style name, size, weight, line-height)
- Border radius, shadows, opacity values
- Responsive breakpoint behavior
### Interaction Specifications
- State definitions (default, hover, focus, active, disabled)
- Transitions and animations (duration, easing, properties)
- Gesture behaviors (swipe, drag, pinch)
- Keyboard inte

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有