下载

Skill UI

浏览并发现 9126+ 精选技能

全部编程开发人工智能设计创意产品商业数据科学市场营销职场通用效率工具硬件工程语言学习

搜索 React Hook Form ，共找到 13 条记录

默认排序最新上传最多下载

Algolia搜索集成：React最佳实践

sickn33/antigravity-awesome-skills

本技能指南详细介绍了如何在现代React应用中集成Algolia搜索功能。内容涵盖了使用React InstantSearch和自定义Hooks（如useSearchBox、useHits）实现高性能的实时搜索；如何在Next.js环境中处理服务器端渲染(SSR)优化；以及如何掌握最佳实践的索引和数据同步策略，确保搜索结果的新鲜度和准确性。

前端开发模式与最佳实践

cc-skill-frontend-patterns

sickn33/antigravity-awesome-skills

本指南系统性地介绍了React、Next.js等现代前端框架的最佳实践和架构模式。内容涵盖了组件组合（Composition）、复合组件、渲染属性模式（Render Props）以及高级自定义Hooks（如异步数据获取、防抖动）。旨在帮助开发者构建高性能、高可维护性的复杂前端应用，并掌握基于Context和Reducer的复杂状态管理方法。

React函数式编程实战

sickn33/antigravity-awesome-skills

本指南提供了使用fp-ts在React中构建复杂应用的实用、类型安全的函数式编程模式。内容覆盖了如何处理可选值（Option）、管理错误状态（Either）、以及结构化数据获取和表单验证，帮助开发者构建出更具可预测性和健壮性的代码。

React组件脚手架构建器

frontend-mobile-development-component-scaffold

sickn33/antigravity-awesome-skills

这是一个专业的React/React Native组件脚手架专家。它可以根据需求自动生成高质量、可访问、高性能的完整组件代码。生成的代码结构完整，包含TypeScript类型定义、单元测试、样式实现和最佳实践支持，帮助开发者快速搭建健壮的前端组件库。

前端模式库

frontend-patterns

affaan-m/everything-claude-code

《前端模式库》介绍 React 与 Next.js 中的现代 UI 实践，包括组合组件、复合组件、渲染 props、可复用的自定义 Hook 以及 Context+Reducer 状态管理，帮助构建高性能界面。

React应用现代化指南

react-modernization

sickn33/antigravity-awesome-skills

本技能专注于指导React应用的现代化改造。它涵盖了从类组件迁移到Hooks、升级React版本、采纳并发特性（如Suspense）以及使用Codemods进行自动化重构。适用于需要将老旧或低效的React代码库升级为高性能、现代架构的场景。

Segment客户数据跟踪最佳实践

sickn33/antigravity-awesome-skills

本技能包详细介绍了如何在全栈应用中实现专业的客户数据跟踪。内容涵盖了客户端（浏览器）的Analytics.js集成、高性能服务器端（Node.js）事件捕获，支持Webhook处理，并提供了用户身份识别、数据治理的最佳实践，确保数据完整性。

高级前端开发工作流优化

senior-frontend

alirezarezvani/claude-skills

该技能涵盖使用React、Next.js、TypeScript和Tailwind CSS的现代前端开发全流程。提供自动化项目脚手架、组件生成和包体积分析，帮助开发者确保代码结构最佳实践、高性能和高可维护性，是构建大型Web应用的必备能力。

Shopify全栈电商开发专家

Jeffallan/claude-skills

资深的Shopify开发专家，精通电商全栈开发。核心能力包括使用Liquid语言定制Shopify主题、实现Storefront API的无头（Headless）架构、以及开发复杂的自定义Shopify应用（如OAuth和Webhooks）。能够处理从主题优化、App开发到高性能前端构建的全流程业务需求。

Zod类型模式验证专家

zod-validation-expert

sickn33/antigravity-awesome-skills

深入掌握Zod库，用于在TypeScript项目中定义健壮的类型安全模式。涵盖了基本类型、对象、并集、判别式联合等高级验证技术。特别擅长类型推断、数据强制类型转换、复杂业务逻辑校验（refinements）以及与React Hook Form、Next.js和tRPC等主流框架的集成，确保应用状态和API输入的一致性。

GSAP与Framer Motion滚动动画

gsap-framer-scroll-animation

github/awesome-copilot

本技能旨在指导用户构建专业级的滚动动画效果。它全面覆盖了视差、吸顶、水平滚动、元素渐入等多种复杂的滚动驱动动画，支持使用GSAP ScrollTrigger和Framer Motion等主流库，适用于React、Next.js及原生JS项目的前端实现。

Webflow Webhook与事件处理

webflow-webhooks-events

jeremylongshore/claude-code-plugins-plus-skills

本技能指南提供了Webflow Webhooks的完整实现流程，指导用户如何通过API注册各类触发器（如表单提交、新订单、网站发布）。核心内容包括如何搭建一个安全的后端接收端点，并实现HMAC签名验证。适用于需要构建事件驱动型后端工作流，实现Webflow与外部系统（如CRM、数据库）自动对接的场景。

语言