Skill 资源库

AI Skill 资源库

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

personjakexiao无需 Key

react-clean-architecture

适用于React Native(Expo)的干净架构,使用TypeScript和Bun。在创建功能、重构代码或审查React Native项目中的代码时,请使用此技能。强制执行核心(领域)、基础设施(适配器)和UI层之间的严格分离。实现端口/适配器模式、错误的结果模式以及组件的原子设计。

download12deployed_codestar0
personjakexiao无需 Key

react-component-patterns

使用hooks、状态管理、错误处理、加载状态等模式开发React组件。在创建React组件、管理组件状态、处理用户交互或与组件生命周期工作时使用。

download12deployed_codestar0
personjakexiao无需 Key

react-component-developer

精通React 19和Next.js 16的开发,包括Server Components、hooks以及性能优化等现代模式。适用于创建新的UI组件、重构React代码或实现交互功能时使用。

download12deployed_codestar0
personjakexiao无需 Key

react-composition-patterns

可扩展的React组合模式。当重构具有布尔属性扩散的组件、构建灵活的组件库或设计可重用API时使用。适用于涉及复合组件、渲染属性、上下文提供者或组件架构的任务。

download12deployed_codestar0
personjakexiao无需 Key

react-context-patterns

当使用React Context模式进行状态管理时。当需要在组件树之间共享状态而不进行prop drilling时。

download12deployed_codestar0
personjakexiao无需 Key

react-development-patterns

React 18+开发模式,包括组件、Hooks、状态管理、API集成和可访问性。使用场景:(1) 构建React组件;(2) 设计用户界面;(3) 实现状态管理;(4) 编写前端测试。

download12deployed_codestar0
personjakexiao无需 Key

react-enterprise

React 19与TypeScript 5.9.3、TanStack Query V5、Zustand以及现代模式。React编译器自动处理记忆化,无需手动优化。

download12deployed_codestar0
personjakexiao无需 Key

scaffolding-react-components

使用TypeScript、CSS模块、测试和Storybook故事来搭建React/Next.js组件。当用户要求创建React组件、生成组件模板或提到组件架构时使用。

download12deployed_codestar0
personjakexiao无需 Key

react-component-architecture-rsc

React服务端组件与客户端组件的决策框架,'use client'的判断标准,以及组合模式。关键词:'服务端组件','客户端组件','use client','rsc','交互性','useState'

download12deployed_codestar0
personjakexiao无需 Key

react-component-generator

生成符合现代标准的React组件,包括TypeScript、hooks、正确的props类型定义以及最佳实践。在创建React组件或搭建UI元素时使用。

download12deployed_codestar0
personjakexiao无需 Key

react-components

使用TypeScript构建可用于生产的React组件。在创建UI组件(如按钮、输入框、模态框、卡片)、实现Hooks模式、组件组合或设置组件文档/测试时使用。涵盖可访问性、错误边界和性能优化。

download12deployed_codestar0
personjakexiao无需 Key

react-developer

在进行React开发任务时使用此技能,包括组件创建、状态管理和hooks。

download12deployed_codestar0
personjakexiao无需 Key

react-docs-generator

为SEED设计系统生成React组件文档。在./docs/content/react/components目录下创建新的React组件文档或更新现有的实现文档时使用。有助于记录组件API、属性、安装方法和使用示例。

download12deployed_codestar0
personjakexiao无需 Key

react-email-templates

此项目的React Email事务模板。Node运行时,内联样式,共享组件,Resend集成。触发关键词包括'email', 'react-email', '@react-email/components', 'transactional', 'Resend'。

download12deployed_codestar0
personjakexiao无需 Key

react-component-analyzer

调试React组件问题,包括TypeScript类型、props、状态管理、hooks和渲染问题。在解决组件未渲染、prop错误、状态未更新、hook问题或TypeScript类型不匹配时使用。

download12deployed_codestar0
personjakexiao无需 Key

react-component-dev

使用正确的模式、可访问性和组合来构建React组件。在创建新组件、重构现有组件或审查组件架构时使用。涵盖forwardRef、prop设计、可访问性、文件组织和测试方法。

download12deployed_codestar0
personjakexiao无需 Key

react-component-quality

高质量的React组件编写,注重单一职责、低耦合,并且代码和注释仅使用英文。在为此仓库添加或重构客户端组件时使用,以强制实现模块化、可组合性和清晰度,而不混杂职责。

download12deployed_codestar0
personjakexiao无需 Key

react-component-reviewer

审查React组件的最佳实践、Hooks使用、性能问题、可访问性以及TypeScript类型安全。在需要审核现有的React组件或提供代码审查反馈时使用。

download12deployed_codestar0
personjakexiao无需 Key

react-compound-components

TMNL的复合组件模式。涵盖基于上下文的组合、插槽模式和Object.assign导出。用于构建可组合的组件API,如VantaCard.Header, Modal.Content等。

download12deployed_codestar0
personjakexiao无需 Key

react-concurrency-and-memoization

React 18+ 的并发特性及策略性的记忆化技术。主动启用以下功能:(1) 使用 useTransition 处理非紧急更新,(2) 使用 useDeferredValue 进行延迟渲染,(3) 策略性地使用 useMemo 和 useCallback,(4) 对于昂贵的组件使用 React.memo,(5) 分析重渲染情况。触发词:"react 性能", "useTransition", "u…

download12deployed_codestar0
personjakexiao无需 Key

react-expert

在构建需要组件架构、Hooks模式或状态管理的React 18+应用程序时使用。调用以支持Server Components、性能优化、Suspense边界以及React 19的功能。

download12deployed_codestar0