SuperAPI AI 工具集
合作ENAI 行业资讯收藏

Skill 广场

找到适合任务的 Agent Skill，阅读介绍并复制安装命令。

更新于 10-15 00:40

前端与建站

8,831 个结果

react-ui-patterns

react-ui-patterns 是一套面向现代 React 应用的 UI 模式指南，聚焦加载状态、错误处理与数据获取三类常见场景。它强调几条核心原则：只在真正加载且无数据时才显示加载指示，不展示过期 UI；错误必须对用户可见；采用乐观更新让界面响应更迅速；渐进式披露内容；部分数据优于无数据。内容涵盖加载状态决策树、骨架屏与加载指示器的选择标准（已知内容形状用骨架屏，未知用加载指示器）、错误处理层级（字段级内联错误、可恢复的 Toast 提示、页面级错误横幅、不可恢复的全屏错误页）、按钮加载与禁用模式、空状态要求（每个列表都必须有空状态，并区分搜索无结果与列表无数据）、表单提交流程，以及常见反模式与组件检查清单。适用于构建 UI 组件、处理异步数据或管理 UI 状态的场景。

前端与建站529 次安装

react-flow-architecture

React Flow 架构指南，介绍如何使用 React Flow 构建基于节点的界面。内容涵盖适用与不适用场景判断、决策流程（交互梳理、规模评估、状态放置、备选方案复核）、包结构（@xyflow/system 与 @xyflow/react 等）、状态管理方案（本地状态、外部 store、Redux）、数据流架构、子流程嵌套节点、视口持久化、与后端 API 和布局算法（如 dagre）的集成，以及性能扩展策略（节点数量分级与优化选项），并讨论受控与非受控、连接模式、边渲染等取舍。

前端与建站524 次安装

motion-dev-animations

Motion Dev Animations 是一个用于生成生产级动画的技能，底层使用 Motion.dev（Framer Motion 的继任者，月下载量超 1000 万），面向 React、Next.js、Svelte、Astro 和 Vue 项目。它遵循 Apple/Jon Ive 的设计原则，强调动画应当有目的（服务于功能）、顺滑（120fps）、可访问（支持 reduced-motion）、高性能（仅使用 GPU 加速属性）、克制优雅且时序一致。适用场景包括 React 19+/Next.js 15+/Svelte 5+/Astro 4+ 的动画实现、滚动效果（视差、揭示）、手势（悬停、拖拽、点按）、布局动画、首屏区块、卡片、微交互，以及需要弹簧物理、自然运动和可访问性的项目。不适用于纯 CSS 过渡、无 JavaScript 框架的静态站点、Vue 项目（应改用 motion-v 包）、SVG/Canvas 复杂动画（GSAP 更合适）以及只有表单的 CRUD 应用。

前端与建站518 次安装