LogoClawIndex
案例技能关于
LogoClawIndex

extracting-interactions - 从 Figma 设计中提取交互规范

从 Figma 设计中提取交互规范(悬停状态、过渡、动画、触发器),并更新屏幕 spec.md 中的交互章节。

标签

更新于: 2026-06-30

能力

典型输入

典型输出

该技能可以做什么

  • 检测组件变体
  • 识别交互元素
  • 整理状态变化
  • 记录触发器与动作
  • 整理过渡动画
  • 整理画面跳转
  • 更新 spec.md 交互章节

输入

  • Figma 设计链接
  • Figma 设计上下文
  • Figma 截图
  • Figma 元数据
  • spec.md 文件

输出

  • 更新后的 spec.md 交互章节
  • 交互元素列表
  • 组件状态文档
  • 触发器与动作表格
  • 过渡规格说明
  • 画面跳转规格说明

要求

  • Figma MCP 工具(截图、设计上下文、元数据)
  • Read、Write、Glob 工具权限
  • spec.md 文件或屏幕规格模板

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
Figma
交互设计
UI 规格
组件状态
设计提取
屏幕规格书
检测组件变体
识别交互元素
整理状态变化
记录触发器与动作
Figma 设计链接
Figma 设计上下文
Figma 截图
更新后的 spec.md 交互章节
交互元素列表
组件状态文档