LogoClawIndex
案例技能关于
LogoClawIndex

loading-state-patterns - 设计系统加载状态模式

创建骨架屏、微光动画和渐进式加载状态,匹配设计系统风格

标签

更新于: 2026-03-23
前端开发设计系统UI组件加载状态骨架屏

能力

典型输入

典型输出

该技能可以做什么

  • 创建骨架屏组件
  • 应用微光动画
  • 构建卡片骨架
  • 构建表格骨架
  • 创建指标骨架
  • 实现渐进式加载
  • 添加流式加载指示器
  • 显示加载进度
  • 生成骨架网格

输入

  • 设计系统主题
  • 内容布局结构
  • 进度数据

输出

  • 骨架屏组件
  • 加载动画
  • 进度指示器
  • 骨架布局

要求

  • React框架
  • TypeScript支持
  • CSS动画支持
  • motion动画库

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
创建骨架屏组件
应用微光动画
构建卡片骨架
构建表格骨架
设计系统主题
内容布局结构
进度数据
骨架屏组件
加载动画
进度指示器