SkillsBot - 发现、分享、安装
AI Agent Skill技能库

SkillsBot 面向中文 AI 开发者、编程爱好者和智能体用户,在日常找技能、选技能、装技能、用技能的 AI 工作流中,解决找不到、看不懂、装不上、用不好 AI Skill 的痛点,凭借更全中文分类、更细中文教程、更快本地镜像的独特优势。

支持平台:
WorkBuddyTraeClaude CodeOpen CodeCodexCursorWindsurfGitHub Copilot
30,000+Skill技能
100万+安装
10,000+开发者

搜索结果: "react"

🎵

国际化与本地化技能Skill i18n

4.5

国际化(i18n)与本地化(l10n)技能用于设计和实现多语言应用程序,包括翻译管理、区域特定格式化、RTL布局支持、复数化规则等,覆盖从架构模式到流行库的应用。关键词:国际化、本地化、翻译、多语言、区域格式化、RTL支持、复数化、日期格式、数字格式、货币格式、i18next、react-intl、gettext、ICU MessageFormat、Intl API、CSS逻辑属性、语言检测、SEO优化。

技能
💻

ReactNativeWeb导航Skill react-native-web-navigation

4.5

React Native Web 导航技能专注于使用React Navigation库在跨平台移动和Web应用中实现统一、高效的导航系统。它涵盖类型安全导航、深度链接配置、Web特定路由以及各种导航器(如堆栈、标签、抽屉)的使用。适用于React Native Web项目开发,提升代码可维护性和用户体验。关键词:React Native, Web, 导航, React Navigation, 类型安全, 深度链接, 跨平台, 移动开发, 前端开发。

技能
🧠

前端专家Skill frontend-expert

4.5

这个技能是前端开发专家,专注于帮助开发者审查和优化前端代码,应用UI/UX最佳实践,确保响应式设计和可访问性。支持多种技术栈如HTMX、Next.js、React、TypeScript等。关键词:前端开发、代码审查、UI/UX设计、响应式设计、可访问性、HTMX、Next.js、React、TypeScript。

技能
✈️

前端设计Skill frontend-design

4.5

前端设计技能专注于创建独特、高质量的前端界面,使用HTML、CSS、JavaScript、React等技术实现,避免通用AI美学,适用于构建网页组件、页面、应用程序等场景。强调创意设计、美学优化和代码精细化。关键词:前端设计、UI设计、网页开发、创新代码、美学界面、生产级前端、避免AI美学、设计思维。

技能
🎨

表单构建Skill building-forms

4.5

本技能提供系统化的表单构建指导,涵盖输入组件选择、验证策略、可访问性合规(WCAG 2.1)、UX最佳实践,以及JavaScript/React和Python的示例实现。适用于创建各种表单界面,如注册流程、调查问卷、多步向导等。关键词:表单构建、输入模式、验证、可访问性、WCAG 2.1、React、Python、前端开发、用户体验。

技能
🧠

ReactNativeWeb性能优化Skill react-native-web-performance

4.5

这个技能专注于优化React Native Web应用的性能,通过代码分割、包优化、内存化和Web特定改进,提升应用加载速度、渲染效率和用户体验。适用于前端开发和跨平台移动开发场景。关键词:React Native Web, 性能优化, 代码分割, 包优化, 内存化, Web优化, 前端开发, 移动开发。

技能
🧠

前端工程Skill software-frontend

4.5

前端工程技能专注于现代Web应用的高质量开发,涵盖多种前端框架如Next.js、React、Vue、Angular、Svelte的选择与最佳实践,包括TypeScript编码、Tailwind CSS样式、状态管理、测试、性能优化和可访问性。适用于构建企业级、用户友好的Web界面。关键词:前端开发、Web应用、框架、TypeScript、性能、可访问性、SEO优化。

技能
⚖️

ReactNativeWeb样式设计Skill react-native-web-styling

4.5

这个技能用于在React Native Web中进行样式设计,提供StyleSheet API、平台特定样式、响应式设计和主题化的模式。关键词:React Native Web、样式设计、响应式、主题化、前端开发、跨平台应用。

技能
📄

性能优化Skill performance

4.5

这是一个全面的性能优化技能,专注于软件应用的性能分析、瓶颈识别、内存泄漏检测、数据库查询优化、前端性能提升(包括核心网页指标LCP/FID/CLS)、负载与压力测试、容量规划以及React等框架的特定优化。适用于开发人员、测试工程师和DevOps专家进行性能调优、监控设置和性能审计,确保应用在高并发下稳定高效运行。关键词:性能分析、瓶颈识别、内存泄漏、数据库优化、前端性能、负载测试、压力测试、容量规划、React优化、核心网页指标、性能监控、代码优化。

技能
🧠

编码标准与最佳实践Skill coding-standards

4.5

这个技能提供了TypeScript、JavaScript、React和Node.js开发的通用编码标准、最佳实践和模式,旨在提高代码质量、可读性和可维护性。它涵盖代码质量原则如可读性、KISS、DRY、YAGNI,以及变量命名、函数命名、不变性、错误处理、异步/等待、类型安全、React组件结构、自定义钩子、状态管理、API设计、文件组织、注释文档、性能优化、测试标准和代码异味检测。关键词:编码标准,最佳实践,TypeScript,JavaScript,React,Node.js,软件开发,代码质量,前端开发,后端开发。

技能
📝

原型到生产Skill prototype-to-production

4.5

原型到生产技能是一款自动化工具,用于将设计原型(如HTML、CSS、Figma导出文件)高效转换为生产就绪、类型化的前端组件。它通过分析原型结构,智能提取设计令牌和可复用模式,并遵循原子化设计方法论,生成符合项目技术栈(如React、TypeScript、Tailwind CSS)的整洁、可访问的代码。适用于前端开发、UI设计、代码重构和设计系统构建,提升从设计到开发的转化效率和质量。关键词:原型转换、前端组件、设计令牌、原子化设计、React组件、TypeScript、Figma、HTML转React、代码生成、UI开发。

技能
📊

ReactNativeWeb核心Skill react-native-web-core

4.5

这个技能用于使用React Native构建跨平台的web应用,涵盖核心概念、组件和开发模式。关键词:React Native Web, 跨平台开发, web应用, React Native 组件, 前端开发。

技能

成为Skill技能开发者

分享您的创意,帮助百万用户提升 AI 使用体验,共同构建开放的 AI 生态

3,000+注册开发者
10,000+published 技能
100万+累计安装

常见问题

SkillsBot 是什么?

SkillsBot 是面向中文 AI 开发者、编程爱好者与智能体用户的 AI Agent 技能(Skill)聚合与分发平台,汇聚 GitHub 热门中文技能,提供分类浏览、关键词搜索、中文教程与一键安装能力,解决 AI 技能找不到、看不懂、装不上、用不好的痛点。

如何安装 AI 技能?

进入任意技能详情页,点击「下载 Skill」按钮,即可将技能一键安装到扣子、豆包、通义、Trae、Claude Code、Cursor 等主流 AI 平台。

SkillsBot 支持哪些平台?

SkillsBot 支持 WorkBuddy、Trae、Claude Code、Open Code、Codex、Cursor、Windsurf、GitHub Copilot 等主流 AI 编程助手与智能体平台。

如何成为技能开发者?

注册并登录后进入开发者中心,点击「发布技能」或「发布 Agent」,填写技能名称、描述与教程后提交,即可分享你的创意并帮助百万用户提升 AI 使用体验。

AI 技能是免费的吗?

绝大多数 AI 技能可免费浏览、安装与使用;部分技能可能提供增值服务或套餐,具体以技能详情页说明为准。