build-design-system

Installation
SKILL.md

构建设计系统

从目标网页采集设计令牌,生成 DESIGN.md 设计规范 + Tailwind CSS 主题。

前置条件

  • Node.js >= 18
  • 已安装 extract-page-dataclone-page 技能(用于数据采集)

工作流

Step 1: 采集设计数据 + 截图

使用 extract-page-dataclone-page 技能采集 theme.json + 多维度截图;也可以使用 Playwright、浏览器自动化、in-app Browser/Chrome 或其他等效工具替代,只要能稳定产出截图、响应式截图和 token/样式证据即可:

# 方式 A: extract-page-data(快速采集)
node <extract-page-data>/scripts/extract.mjs <url> --theme --screenshot --scroll -o ./theme-data
Installs
2
GitHub Stars
112
First Seen
9 days ago
build-design-system — lintendo/axhub-skills