搜索结果: "react"
移动向导Skill mobile-wizard
移动向导是一个用于移动应用开发的工具,能够快速初始化并搭建基于 React Native (Expo) 或 Flutter 的应用结构,如导航器、标签页和堆栈,从而提高开发效率。关键词:移动开发,脚手架,React Native,Expo,Flutter,应用结构。
TypeScript语言专长Skill typescript
这个技能专注于编写类型安全、可维护和生产质量的TypeScript代码,覆盖高级类型系统特性、严格模式配置、模块系统和常见设计模式。适用于前端和后端开发,与React、Node.js、Zod、tRPC、Prisma等现代框架集成。关键词:TypeScript, 类型安全, 前端开发, 后端开发, React, Node.js, 泛型, 类型守卫, Zod, tRPC, Prisma, SEO优化。
Web3身份验证SDK模式Skill web3-privy
Privy SDK 是一个用于Web3应用的身份验证解决方案,提供钱包登录、嵌入式钱包、社交登录和服务器端验证功能。关键词:Web3身份验证、区块链登录、嵌入式钱包、Privy SDK、多链支持、React集成、DeFi应用开发。
Web工件构建器Skill web-artifacts-builder
Web Artifacts Builder是一个专为Claude.ai平台设计的HTML工件生成工具套件。该工具使用React、TypeScript、Tailwind CSS和shadcn/ui等现代前端技术,帮助用户快速创建复杂、交互式的多组件HTML工件。支持状态管理、路由功能,并能将完整的前端应用打包为单个HTML文件,便于在对话中直接分享和使用。适用于需要高级UI组件和复杂交互的Claude.ai工件开发场景。 关键词:Claude.ai工件开发、React前端工具、HTML打包工具、shadcn/ui组件库、Tailwind CSS主题、前端自动化构建、单文件HTML应用、AI助手工具开发
ShadCN-Framer动画组件库Skill shadcn-framer
本技能是关于如何将 ShadCN UI 组件库与 Framer Motion 动画库结合使用的技术指南。它提供了从初始化设置、基础组件使用到实现复杂动画效果(如淡入淡出、列表动画、页面过渡、悬停交互和加载动画)的完整代码示例。适用于希望为 React 应用(特别是 Next.js)添加流畅、现代化交互动效的前端开发者,关键词包括:ShadCN UI, Framer Motion, React 动画, 交互动效, Next.js 组件, 前端开发。
动画最佳实践指南Skill emilkowal-animations
这个技能提供了基于Emil Kowalski的Web界面动画最佳实践,涵盖缓和选择、定时、属性选择、变换技术、交互模式、战略动画和可访问性等关键领域。适用于React、CSS或Framer Motion开发,帮助提升动画性能、用户体验和可访问性。关键词:动画、Web开发、React、CSS、Framer Motion、性能优化、用户体验、可访问性。
ReactHookForm性能优化技能Skill react-hook-form
这个技能提供 React Hook Form 库的性能优化最佳实践,专注于客户端表单验证,包括使用 useForm、useWatch、useController 和 useFieldArray 等钩子的技巧,帮助开发者提升表单应用的性能和效率。关键词:React Hook Form, 性能优化, 客户端表单验证, useForm, useWatch, useController, useFieldArray, 最佳实践。
Vue组合式APISkill vue-composition-api
Vue组合式API是Vue 3框架的核心功能,用于通过组合式函数构建响应式、可维护和可复用的前端应用程序。它提供ref、reactive、computed、watch等核心特性,支持更好的代码组织、逻辑复用和TypeScript集成,适用于现代Vue开发,提高开发效率和代码质量。关键词:Vue 3, Composition API, 前端开发, 响应式编程, TypeScript, 组件化开发, 可复用逻辑, 生命周期钩子, 状态管理。
UI组件迁移器Skill ui-component-migrator
UI组件迁移器是一款用于在不同前端框架(如React、Vue、Angular)之间自动化迁移UI组件的工具。它能够处理组件结构翻译、状态管理转换、生命周期方法映射、事件处理转换和样式迁移,支持从类组件到函数式组件、选项式API到组合式API的升级路径。通过AST分析和代码修改器,实现高效、准确的框架迁移,减少手动重构工作量,提升前端项目现代化升级效率。
组件库存Skill component-inventory
组件库存技能是一款用于自动化审计和盘点前端代码库中UI组件的工具。它能扫描React、Vue、Angular等框架的组件,识别重复项和变体,分析组件属性和使用频率,生成详细报告并提供整合建议。关键词:UI组件审计、代码库盘点、组件分析、前端代码扫描、设计系统管理、重复组件检测、React组件分析、Vue组件分析。
JSON-UI报告渲染器Skill json-ui
JSON-UI 是一个强大的 JSON 到 HTML 报告渲染器,支持 React 组件和双语国际化。它允许开发者通过定义 JSON 结构快速生成美观、交互式的学术或数据报告网页。核心功能包括组件化架构、Zod 模式验证、静态 HTML 输出、React 组件库以及无缝的中英文语言切换。适用于学术论文展示、数据分析报告、自动化文档生成等场景。关键词:JSON渲染,HTML报告,React组件,双语国际化,i18n,学术报告,数据可视化,前端开发工具。
积分处理器Skill credits-handler
这是一个关于如何构建和管理SaaS平台积分系统的完整指南。它详细介绍了积分系统的后端配置(添加积分类型、定价策略、套餐分配)、前端UI实现(购买积分组件、余额显示组件)以及核心后端操作(积分分配、扣减、余额检查)。关键词包括:积分系统、SaaS平台、前端开发、后端开发、用户余额管理、定价策略、React钩子、TypeScript。