搜索结果: "react"

4.5

样式化组件Skill styled-components

这是一个关于 styled-components CSS-in-JS 库的技能,提供主题化、组件变体、服务端渲染支持等功能的专家级实现指导。关键词:styled-components, CSS-in-JS, React 样式, 前端主题, 组件库开发, SSR 支持。

4.5

规划指南Skill planning-guidelines

Portfolio Buddy 2 开发规划指南,提供代码保留、移动/桌面端优化、需求澄清等核心原则。适用于软件开发、量化金融、前端开发、代码重构、项目管理、敏捷开发、React TypeScript、投资组合分析、金融科技应用开发。

4.5

AI前端构件构建器Skill artifacts-builder

AI前端构件构建器是一个专门用于创建复杂、交互式Claude.ai HTML构件的工具套件。它基于现代前端技术栈(React、TypeScript、Tailwind CSS、shadcn/ui),提供完整的项目初始化、开发、打包流程。该工具支持状态管理、路由和丰富的UI组件,能够将复杂的React应用打包成单个自包含的HTML文件,方便在Claude对话中直接分享和使用。主要功能包括:一键项目初始化、现代化前端开发环境、shadcn/ui组件库集成、智能打包工具、自包含HTML输出。关键词:Claude构件、前端开发、React应用、HTML打包、AI工具、shadcn/ui、Tailwind CSS、Vite、Parcel、交互式构件

4.5

Ultracite代码质量工具Skill ultracite

Ultracite 是一个快速、零配置的代码检查和格式化工具,专为现代 JavaScript/TypeScript 项目设计。它支持多种框架如 React、Next.js、Vue、Svelte 等,并提供 AI 集成、Git 钩子支持和类型安全特性,以提高代码质量和开发效率。关键词:代码检查、格式化、JavaScript、TypeScript、前端开发、AI 集成、Git 钩子、类型安全、性能优化。

4.5

功能性setState更新Skill rerender-functional-setstate

React功能性setState更新是用于优化React组件中状态管理的技术,通过使用函数形式的setState来更新基于当前状态的状态值,防止闭包陈旧问题并减少不必要的性能开销。关键词:React,setState,闭包,性能优化,状态管理,前端开发。

4.5

VercelReact最佳实践Skill vercel-react-best-practices

这个技能提供了Vercel维护的React和Next.js应用程序性能优化指南,包含57条规则,涵盖8个类别,适用于前端开发中的代码优化和性能提升。关键词:React, Next.js, 性能优化, 前端开发, Vercel, 代码重构, 包优化, 数据获取。

4.5

Expo移动应用开发规则Skill expo-mobile-app-rule

此技能用于指导开发者使用Expo框架进行移动应用开发,遵循最佳实践,涵盖导航、状态管理、离线支持、推送通知、深度链接和性能优化等方面。关键词:Expo, 移动开发, React Native, 导航, 状态管理, 离线支持, 推送通知, 深度链接, 性能优化

4.5

Web框架技能组Skill web-frameworks

本技能组提供综合指南,用于使用Next.js、Turborepo和RemixIcon构建现代全栈Web应用程序。适用于React应用开发、服务器端渲染、单仓库管理、构建性能优化和图标库集成。关键词:Next.js, Turborepo, RemixIcon, 全栈开发, 前端框架, 单仓库, 图标库, SEO优化。

4.5

Claude前端神器构建器Skill artifacts-builder

该技能是一个前端开发工具套件,专门用于为Claude.ai创建复杂、多组件的HTML神器,采用React、Tailwind CSS和shadcn/ui等现代技术,支持状态管理和路由,适用于构建高级前端项目。关键词:前端开发,React,Tailwind CSS,shadcn/ui,HTML神器,Claude.ai。

4.5

前端组件模式Skill frontend-component-patterns

前端组件模式技能专注于使用设计模式如复合组件、渲染属性、自定义钩子和高阶组件来构建高效、可维护的前端组件。适用于React、Vue和Angular框架,帮助开发者创建可重用UI库、优化组件架构和提升开发效率。关键词:前端开发、组件设计、React模式、Vue组件、Angular架构、可重用UI、性能优化、无障碍访问。

4.5

shadcn/ui前端组件库开发技能Skill shadcn

这个技能提供了shadcn/ui组件库的全面最佳实践指南,覆盖项目设置、组件架构、可访问性、样式主题、表单模式、数据展示、布局导航、组件组合、性能优化和状态管理,适用于前端开发者使用React、Tailwind CSS、Radix UI等技术进行高效、可访问和性能优化的Web开发。关键词:shadcn/ui, 前端开发, React, Tailwind CSS, 可访问性, 性能优化, 组件库。

4.5

MUI无头UI组件库最佳实践Skill mui-base

这个技能提供了MUI Base UI的最佳实践指南,专为构建无头React组件库设计。它涵盖了组件模式、命名约定、组织方式、错误处理和样式规则,帮助开发者创建无样式UI组件、复合组件、实现无障碍优先模式,并支持受控和非受控组件模式。关键词:MUI, React, 组件库, 无头UI, 前端开发, 最佳实践。