LogoClawIndex
案例技能关于
LogoClawIndex

boneyard - 多框架骨架屏生成工具

跨框架生成和管理骨架屏加载状态

标签

更新于: 2026-05-11
骨架屏加载状态DOM快照CLIReactVueAngularSveltePreactReact Native

能力

添加骨架组件配置骨架屏幕调试骨架组件重建骨架屏幕

典型输入

boneyard.config.jsonSkeleton组件fixture

典型输出

bones JSON文件Skeleton组件骨架加载状态

该技能可以做什么

  • 添加骨架组件
  • 配置骨架屏幕
  • 调试骨架组件
  • 重建骨架屏幕
  • 捕获DOM快照
  • 生成bones JSON
  • 运行CLI构建
  • 注册骨架

输入

  • boneyard.config.json
  • Skeleton组件
  • fixture
  • DOM元素
  • bones JSON
  • snapshotConfig
  • leafTags

输出

  • bones JSON文件
  • Skeleton组件
  • 骨架加载状态
  • registry.js文件

要求

  • Node.js
  • React或兼容框架
  • boneyard-js包
  • 开发服务器访问

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

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