空状态生成器

React用户体验模式更新于 2026-06-15

使用场景: 任何可能为空的页面——首次使用、零结果、404、错误边界。

安装
npx skills add empty-state-generator
克隆
git clone https://github.com/skillhub-community/empty-state-generator.git

描述

生成符合上下文场景的空状态:首次使用的引导提示、带推荐查询的零搜索结果、带重试按钮的错误状态和带导航的 404 页面。

每个状态都包含简洁的 SVG 插图、标题、描述性正文和主要操作按钮——避免"什么都没有"的空白死角。

AI Hub

跑 Skill 需要模型接口?

AI Hub 提供 OpenAI 兼容接口,给 Cursor / Claude Code / Agent 用。

打开 AI Hub

元数据

作者@ux_priya
许可证MIT
版本1.0.0
依赖0