LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

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

design-md - 从前端源代码提取设计系统

分析前端源文件,生成涵盖颜色、字体、间距、组件和布局原则的 DESIGN.md 设计系统文档。

标签

更新于: 2026-09-28
设计系统前端源代码分析设计令牌CSS组件样式

能力

典型输入

典型输出

该技能可以做什么

  • 识别前端框架
  • 梳理样式源文件
  • 提取设计令牌
  • 分析组件样式
  • 生成 DESIGN.md 文档

输入

  • 前端项目源目录
  • 前端源文件
  • 框架专用参考文件

输出

  • DESIGN.md 设计系统文档
  • 提取的视觉语言描述

要求

  • 源目录访问权限
  • 文件读写权限
  • 无需构建依赖

来源

  • 规范: SKILL.md
识别前端框架
梳理样式源文件
提取设计令牌
分析组件样式
前端项目源目录
前端源文件
框架专用参考文件
DESIGN.md 设计系统文档
提取的视觉语言描述