LogoClawIndex
案例技能关于
LogoClawIndex

design-dna-extractor - 提取并应用视觉设计 DNA

从参考界面提取视觉设计身份并结构化为 JSON，用于生成匹配的界面。

标签

更新于: 2026-10-05
设计系统视觉分析设计令牌

能力

典型输入

典型输出

该技能可以做什么

  • 整理 Design DNA 架构
  • 分析参考界面设计
  • 提取量化设计令牌
  • 描述定性设计风格
  • 识别视觉效果
  • 生成完整 Design DNA JSON
  • 将 Design DNA 应用于内容
  • 生成响应式 HTML/CSS/JS

输入

  • 截图
  • 参考图片
  • 网站 URL
  • Design DNA JSON
  • 用于生成的内容

输出

  • 架构字段清单
  • 完整 Design DNA JSON
  • 自包含 HTML/CSS/JS
  • 响应式界面

要求

    来源

    • 规范: SKILL.md

    ClawIndex

    OpenClaw Skills 与 Use Case 索引

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

    索引

    Skills·
    Cases

    Meta

    关于·
    声明·
    邮箱·
    GitHub
    © 2026 ClawIndex 保留所有权利。
    界面生成
    JSON
    HTML/CSS/JS
    整理 Design DNA 架构
    分析参考界面设计
    提取量化设计令牌
    描述定性设计风格
    截图
    参考图片
    网站 URL
    架构字段清单
    完整 Design DNA JSON
    自包含 HTML/CSS/JS