design-handoff by aj-geddes/useful-ai-prompts
npx skills add https://github.com/aj-geddes/useful-ai-prompts --skill design-handoff设计交接连接了设计与开发,确保开发人员拥有准确、高效实现设计所需的所有信息。
最小工作示例:
Design Handoff Package:
Overview:
- Feature description
- User flows
- Key interactions
- Platform (web, iOS, Android)
Screens & Components:
- All screen designs
- Responsive variants (mobile, tablet, desktop)
- All component states (default, hover, focus, disabled, error)
- Dark mode variants (if applicable)
Specifications:
- Typography (font, size, weight, line-height)
- Spacing & layout (padding, margin, gaps)
- Colors (hex values, opacity)
- Shadows & elevations
- Border radius
- Animations & transitions
Interactions:
- Click/tap behaviors
- Hover states
// ... (see reference guides for full implementation)
references/ 目录下的详细实现:
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
每周安装量
114
代码仓库
GitHub 星标数
121
首次出现
Jan 21, 2026
安全审计
安装于
opencode98
gemini-cli96
codex94
cursor91
claude-code86
github-copilot80
Design handoff bridges design and development, ensuring developers have all information needed to implement designs accurately and efficiently.
Minimal working example:
Design Handoff Package:
Overview:
- Feature description
- User flows
- Key interactions
- Platform (web, iOS, Android)
Screens & Components:
- All screen designs
- Responsive variants (mobile, tablet, desktop)
- All component states (default, hover, focus, disabled, error)
- Dark mode variants (if applicable)
Specifications:
- Typography (font, size, weight, line-height)
- Spacing & layout (padding, margin, gaps)
- Colors (hex values, opacity)
- Shadows & elevations
- Border radius
- Animations & transitions
Interactions:
- Click/tap behaviors
- Hover states
// ... (see reference guides for full implementation)
Detailed implementations in the references/ directory:
| Guide | Contents |
|---|---|
| Developer-Friendly Documentation | Developer-Friendly Documentation |
| Handoff Checklist | Handoff Checklist |
| Design-Dev Collaboration | Design-Dev Collaboration |
Weekly Installs
114
Repository
GitHub Stars
121
First Seen
Jan 21, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykPass
Installed on
opencode98
gemini-cli96
codex94
cursor91
claude-code86
github-copilot80
shadcn/ui 框架:React 组件库与 UI 设计系统,Tailwind CSS 最佳实践
69,400 周安装
Cloudflare Tunnel Access 认证指南:使用服务令牌进行API调用与自动化请求
99 周安装
GitHub发布管理自动化指南:使用gh CLI、语义化版本与变更日志生成
98 周安装
PydanticAI依赖注入详解:类型安全的Python AI Agent依赖管理
99 周安装
Clawra自拍技能:使用Grok Imagine AI编辑图片并跨平台分发 | 图像生成与自动化
100 周安装
新闻聚合技能 - 实时热点新闻聚合工具,支持多源抓取与智能筛选
99 周安装
Pinia Colada:Vue.js智能数据获取层,简化状态管理与API调用
101 周安装