loading-state-patterns
Skillby wpank
clawhub⭐ 05/10
用于骨架屏、闪烁效果和符合设计系统美学的加载状态的模式。包括骨架组件、闪烁动画和渐进式加载。用于构建精致的加载体验。触发关键词：骨架、加载状态、闪烁、占位、加载动画。
提供骨架屏、shimmer动画及渐进式加载状态的设计模式，帮助开发者快速构建与设计系统一致的精致加载体验。
📊 商业分析
商业模式
free
独特价值
一键生成符合设计系统风格的骨架屏与shimmer动效代码
竞品
1. Skeleton UI库(如react-loading-skeleton)——代码级实现更完整；2. Tailwind UI组件库——覆盖更广泛UI场景；3. Storybook设计系统——提供可视化组件管理，本Skill仅为prompt层面指导
🎯 应用场景
目标用户
前端开发工程师UI/UX设计师全栈独立开发者
工具信息
- 类型
- Skill
- 平台
- clawhub
- Stars
- ⭐ 0
- 价值评分
- 5/10
- 子分类
- 前端UI加载体验设计
- 可商业化
- ❌ 否
AI 标签
骨架屏加载动效shimmer效果前端UI用户体验
相关工具推荐
frontend-designSKILL
基于Anthropic官方提示工程，一句话生成高质量生产级前端界面，支持React组件、落地页、Dashboard等多种场景
9/10⭐ 86,759
opengfx-logoSKILL
通过自然语言提示词，自动生成包含图标、字标与组合排版的完整品牌Logo系统，输出生产级SVG矢量文件，即用即部署。
8/10⭐ 2,218
open-animateSKILL
AI Agent专属创意套件，支持生成专业动态图形、图像渲染及MP4视频，覆盖社交短片、产品发布、说明动画等场景
8/10⭐ 2,218
character-design-sheetSKILL
利用参考图与LoRA技术实现AI生成角色的跨图一致性，涵盖转面图、表情表、配色方案及风格锁定完整工作流
8/10⭐ 2,218
ui-auditSKILL
自动审计UI遵循UX原则，给出问题等级、修复建议与示例，覆盖无障碍与视觉层级检查
8/10⭐ 19