Skill 资源库

AI Skill 资源库

把 Skill 的源码、资源快照、README、包体和安装信号放进一个可搜索、可筛选的公开目录。

personjakexiao无需 Key

react-native-storage-manager

处理MMKV存储操作和带加密的数据持久化模式。在健身追踪应用程序中实现数据持久化、缓存或用户偏好设置时使用。

download12deployed_codestar0
personjakexiao无需 Key

react-package-builder

为Raamattu Nyt monorepo创建可重用的React组件包。使用场景:(1) 从应用程序中提取组件到共享包 (2) 创建新的可重用UI组件库 (3) 设计受控/非受控组件的props契约 (4) 实现引擎抽象模式(如GSAP, framer-motion) (5) 将组件与Supabase/Auth/fetching解耦 触发词: "create package", "extract…

download12deployed_codestar0
personjakexiao无需 Key

react-principle-engineer

来自官方文档的React开发原则。教授组件纯度、状态管理、效果、引用、reducers、上下文以及事件处理模式。在使用hooks编写React组件、管理状态、与外部系统同步、调试重新渲染或选择状态管理方法时使用。

download12deployed_codestar0
personjakexiao无需 Key

react-performance-optimizer

优化React应用程序以实现60fps的性能。实施记忆化、虚拟化、代码分割、捆绑优化等技术。适用于渲染缓慢、大型列表、捆绑膨胀等问题。在遇到“React性能”、“渲染缓慢”、“useMemo”、“捆绑大小”、“虚拟化”等情况时激活。不适用于后端优化、非React框架或过早优化。

download12deployed_codestar0
personjakexiao无需 Key

react-skills

React 18模式用于LlamaFarm Designer。涵盖组件、Hooks、TanStack Query和测试。

download12deployed_codestar0
personjakexiao无需 Key

react-state-migration

从useState迁移到effect-atom。识别在什么情况下可以使用useState,而在什么情况下需要使用atoms。用于将有状态组件重构为服务范围内的响应式状态。

download12deployed_codestar0
personjakexiao无需 Key

react-native-testing-patterns

为React Native组件、MST存储和服务实现测试策略,使用Jest、React Testing Library和Maestro。在健身追踪应用程序中编写单元测试、集成测试或端到端测试时使用。

download12deployed_codestar0
personjakexiao无需 Key

react-next-modern

强制执行现代React 19和Next.js App Router模式 - 优先从服务器获取数据、最少使用useEffect、服务器组件、服务器操作以及表单钩子。在审查React/Next.js代码、迁移遗留模式或使用App Router构建新功能时采用。

download12deployed_codestar0
personjakexiao无需 Key

react-performance

适用于在React应用程序中诊断渲染缓慢、优化列表渲染或防止不必要的重新渲染时使用。

download12deployed_codestar0
personjakexiao无需 Key

react-performance-optimization

使用记忆化、代码分割和高效的渲染策略来优化React性能。当优化缓慢的React应用程序、减少包大小或在处理大量数据集时改善用户体验时,请使用这些模式。

download12deployed_codestar0
personjakexiao无需 Key

react-router-v7-expert

当你需要关于使用React Router V7进行React开发的专业指导时,请使用此技能,包括组件架构、路由模式、状态管理、性能优化以及现代React的最佳实践。例如:用户构建具有复杂路由需求的React应用,需要带有数据加载和错误边界的嵌套路由;React路由和渲染问题的性能优化;实现服务器组件、并发特性及状态管理模式。

download12deployed_codestar0
personjakexiao无需 Key

react-router-setup

使用react-router-dom v6为React Vite单页应用添加URL路由。当被要求“添加路由”、“添加URL导航”、“使URL生效”、“添加深度链接”、“启用浏览器的前进/后退功能”,或将基于状态的导航转换为基于URL的路由时,请使用此方法。涵盖安装、带有basename的BrowserRouter配置、路由定义、嵌套路由、Link组件、useNavigate钩子、重定向以及SPA服…

download12deployed_codestar0
personjakexiao无需 Key

React State Management

使用Zustand、自定义hooks和清理模式进行React状态管理。在全局状态、自定义hooks或当用户提到“状态”、“zustand”、“useState”、“useEffect”、“清理”时必须使用。

download12deployed_codestar0
personjakexiao无需 Key

react-page-scaffolder

创建一个完整的React页面目录(page.tsx, index.ts, styles.css),并集成路由。当需要创建结合组件和布局的新页面、视图或路由处理器时使用。

download12deployed_codestar0
personjakexiao无需 Key

react-review

来自Vercel工程的React和Next.js性能优化指南。包含8个类别中的45条以上规则。

download12deployed_codestar0
personjakexiao无需 Key

react-setup

在使用Vite初始化新的React前端以通过HTTPS连接到Django后端时使用。设置路由、CSRF保护、Axios配置,并验证构建。不适用于现有的React项目。

download12deployed_codestar0
personjakexiao无需 Key

react-strict-dom

设置react-strict-dom与Babel、PostCSS以及CSS封装的HTML组件,用于通用Expo应用

download12deployed_codestar0
personjakexiao无需 Key

react-ui-patterns

现代React UI模式用于加载状态、错误处理和数据获取。在构建UI组件、处理异步数据或管理UI状态时使用。

download12deployed_codestar0