LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。

design-context-extract - 从截图或 URL 提取设计令牌

从截图或 URL 提取设计令牌,包括颜色、字体、间距和组件

标签

更新于: 2026-06-30
设计令牌颜色字体间距提取设计系统审计视觉标识tailwind

能力

典型输入

典型输出

该技能可以做什么

  • 读取图片
  • 获取 URL
  • 提取颜色
  • 提取字体
  • 提取间距
  • 提取组件
  • 生成令牌
  • 生成 Tailwind 配置
  • 生成 CSS 变量
  • 生成 Markdown 文档

输入

  • 截图文件
  • 网页 URL
  • 项目样式

输出

  • 设计令牌文件
  • Tailwind 配置文件
  • CSS 变量文件
  • Markdown 文档

要求

  • 多模态模型
  • Claude Code 2.1.183+
  • 可选:Google Stitch MCP 服务器

来源

  • 规范: SKILL.md
读取图片
获取 URL
提取颜色
提取字体
截图文件
网页 URL
项目样式
设计令牌文件
Tailwind 配置文件
CSS 变量文件