Skill 资源库

AI Skill 资源库

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

personjakexiao无需 Key

react-form-builder

使用此技能来创建或修改客户端React表单。遵循react-hook-form、@kit/ui/form组件和服务器操作集成的最佳实践。处理注册表单、个人资料更新以及修复与表单相关的问题时的验证、错误处理、加载状态及TypeScript类型定义。

download12deployed_codestar0
personjakexiao无需 Key

react-hook-composition

TMNL的自定义钩子模式。涵盖了钩子组合、useDebugValue、atom订阅和注册表模式。用于构建如useSlider、useDataManager等可重用的钩子API。

download12deployed_codestar0
personjakexiao无需 Key

react-native-expo-development

在开发React Native组件、通过expo-mcp安装包、实现屏幕或遵循RN最佳实践时使用 - 将expo-mcp工作流(add_library, search_documentation)与来自Gifted Chat和Stream的生产模式集成

download12deployed_codestar0
personjakexiao无需 Key

react-native-i18n-workflow

使用i18next和react-i18next管理国际化字符串和翻译工作流程。在向健身追踪应用程序添加新文本、支持更多语言或实现复数形式和插值时使用。

download12deployed_codestar0
personjakexiao无需 Key

react-forms

在构建带有验证的表单、处理表单状态或与Zod等验证库集成时应用。

download12deployed_codestar0
personjakexiao无需 Key

react-guideline-implementation

按照既定的编码指南和最佳实践实现React组件。在创建新的React组件、重构现有代码、使用React最佳实践实现功能,或者当用户要求编写React代码、遵循指南创建组件或正确实现功能时使用。

download12deployed_codestar0
personjakexiao无需 Key

react-hook-builder

创建用于常见模式的自定义React钩子,包括数据获取、表单、身份验证、本地存储、防抖等。当用户请求“创建自定义钩子”、“React钩子用于”、“useX钩子”或“可重用钩子”时使用。

download12deployed_codestar0
personjakexiao无需 Key

react-frontend-spa

使用React实现和改进SPA前端的指南。在不依赖Next.js或服务器端功能的前提下,以React Router为中心进行客户端实现时使用。认证统一使用AuthProvider和useAuth自定义钩子,并从OpenAPI生成类型/客户端供使用(通过orval或openapi-typescript)。适用于采用ESLint+Prettier、zod、shadcn/ui以及设计令牌(CSS变量/T…

download12deployed_codestar0
personjakexiao无需 Key

react-hooks-patterns

当使用React Hooks模式,包括useState、useEffect、useContext、useMemo、useCallback和自定义hooks时使用。适用于现代React开发。

download12deployed_codestar0
personjakexiao无需 Key

react-native-builder

精通React Native开发,包括原生模块、平台特定代码、导航、AsyncStorage、样式、动画以及将应用部署到iOS/Android商店

download12deployed_codestar0
personjakexiao无需 Key

react-native-design

掌握React Native的样式、导航以及Reanimated动画,用于跨平台移动开发。在构建React Native应用、实现导航模式或创建高性能动画时使用。

download12deployed_codestar0
personjakexiao无需 Key

react-native-navigation-builder

根据应用程序的嵌套导航器模式创建导航结构。处理健身追踪应用程序中的类型安全导航、堆栈和标签设置以及屏幕参数管理。

download12deployed_codestar0
personjakexiao无需 Key

react-form-handling

提供用于处理React表单的健壮模式和可重用组件。在构建需要验证、错误处理、多步骤流程、文件上传或复杂提交逻辑的表单时使用此技能。它涵盖了诸如React Hook Form、Zod和Yup等库,提供了创建高性能且用户友好的表单的模板和最佳实践。

download12deployed_codestar0
personjakexiao无需 Key

react-hoc-patterns

用于TMNL的高阶组件模式。涵盖横切关注点、行为注入和组合。适用于诸如withSliderDebug、withDraggable、withLayering等模式。

download12deployed_codestar0
personjakexiao无需 Key

react-headless-dev

SEED React 无头组件开发专家。在packages/react-headless文件夹中开发未加样式的、仅含逻辑的组件时使用。专注于数据驱动的基本组件、自定义钩子和不涉及样式的状态管理。

download12deployed_codestar0
personjakexiao无需 Key

react-hook-form-zod

使用React Hook Form v7和Zod v4构建类型安全的验证表单。单一模式在客户端和服务端都能工作,并通过z.infer提供完整的TypeScript推断。适用于构建表单、多步骤向导,或解决不受控警告、解析器错误、useFieldArray问题以及大型表单的性能问题。

download12deployed_codestar122
personjakexiao无需 Key

react-modal-patterns

面向Orient仪表盘前端的模态框和表单模式。在创建模态框、对话框、表单、通知或任何UI组件时使用,这些组件位于packages/dashboard-frontend中。该仪表盘使用纯HTML/CSS与Tailwind - 不使用shadcn/ui, Radix或其他组件库。在创建任何模态框、表单或通知组件之前,请参考此规范。

download12deployed_codestar0
personjakexiao无需 Key

react-native-project-creater

为React Native提供一键式项目创建,包括项目初始化、配置和模板生成。当用户询问关于创建React Native项目、需要初始化一个新的React Native项目或生成React Native项目结构时使用。

download12deployed_codestar0