SkillsBot - 发现、分享、安装
AI Agent Skill技能库
SkillsBot 面向中文 AI 开发者、编程爱好者和智能体用户,在日常找技能、选技能、装技能、用技能的 AI 工作流中,解决找不到、看不懂、装不上、用不好 AI Skill 的痛点,凭借更全中文分类、更细中文教程、更快本地镜像的独特优势。
搜索结果: "react"
ESLint代码检查配置Skill eslint
ESLint技能提供专业的JavaScript与TypeScript代码检查配置服务,涵盖规则定制、插件集成、团队规范制定。核心功能包括ESLint配置、自定义规则开发、React/Vue框架支持、代码质量优化。适用于前端开发、代码规范、静态分析、团队协作等场景。
Electron桌面开发Skill electron-dev
Electron 桌面开发技能涉及使用 React、TypeScript 和 Vite 构建跨平台桌面应用程序。它包括 IPC 通信、系统托盘集成、全局快捷键、PTY 终端处理、音频录制、WebRTC 视频通话以及使用 electron-builder 进行打包。关键词:Electron、React、TypeScript、Vite、桌面应用、IPC、系统托盘、音频录制、WebRTC、打包、跨平台开发。
前端测试Skill frontend-testing
前端测试技能,涵盖使用Jest、Vitest、React Testing Library和Cypress进行单元测试、集成测试和端到端测试,以构建全面的测试套件,提高代码质量和可靠性。
编码标准与最佳实践Skill coding-standards
这是一份全面的软件开发编码标准指南,涵盖TypeScript、JavaScript、React和Node.js开发的最佳实践。文档详细介绍了代码质量原则(可读性、KISS、DRY、YAGNI)、变量命名规范、函数设计模式、不可变性原则、错误处理策略、异步编程技巧、类型安全要求、React组件架构、API设计标准、文件组织规范、注释文档编写、性能优化方法、测试标准以及代码异味检测。适用于前端开发、后端开发和全栈开发团队,帮助建立统一的代码规范,提高代码质量和团队协作效率。
前端设计Skill frontend-design
此技能用于创建独特、生产级的前端界面,强调美学设计和代码质量,避免通用AI生成风格。适用于Web开发、UI/UX设计、创意编码,关键词包括前端设计、Web开发、美学界面、创意编码、SEO优化、HTML/CSS、React、Vue。
Tamagui最佳实践指南Skill tamagui-best-practices
Tamagui最佳实践技能,专注于React Native和Web跨平台UI开发框架Tamagui的高级应用模式。提供配置v4、编译器优化、样式化上下文、复合组件、设计令牌、主题化、性能优化和常见反模式解决方案。关键词:Tamagui, React Native, 跨平台开发, UI框架, 样式系统, 编译器优化, 设计系统, 移动开发, Web开发, 性能优化。
前端设计Skill designing-frontend
前端设计技能专注于构建独特、生产级的Web界面,强调创意美学和情境化设计,避免通用模式。关键词:前端开发,UI设计,Web界面,创意美学,生产级代码,用户体验,视觉设计,交互设计,CSS动画,React,Vue。
FigmaMCP集成Skill figma
这个技能用于通过 Figma MCP 服务器从 Figma 设计工具中自动获取设计上下文、截图、变量和资产,并将 Figma 节点翻译成生产代码(如 React + Tailwind),实现设计到代码的自动化转换。适用于前端开发项目,提高开发效率,确保设计一致性,支持链接驱动的实现流程。关键词:Figma, MCP, 设计到代码, 前端开发, React, Tailwind, 自动化, 代码生成, 设计系统。
Vite构建工具Skill vite
Vite是一个快速、现代化的前端构建工具,支持TypeScript和ESM,提供高效的开发服务器和生产构建,适用于Vue、React等框架的项目开发。关键词:Vite, 前端构建工具, 开发服务器, 生产构建, TypeScript, ESM, HMR, SSR, Rolldown迁移。
React最佳实践指南Skill react-best-practices
这是一份关于 React 框架性能优化与开发最佳实践的权威指南。它系统性地总结了来自官方文档和一线工程团队的经验,涵盖代码审查、性能调试、打包优化、副作用管理、状态设计等核心场景。关键词包括:React 性能优化、重渲染、代码分割、useEffect 最佳实践、状态管理、React 编译器、SSR、不可变更新、前端开发。
创世Skill genesis
创世是一个全栈项目生成器技能,能够根据用户指令快速生成现代化Web前端、Python后端、Go后端和小程序项目。支持React 19 + Vite + TailwindCSS V4技术栈的前端开发,FastAPI + UV的Python后端,Gin + GORM的Go后端,以及Taro 4.x跨端小程序。提供模板复制和AI生成两种模式,满足快速启动和深度定制需求。关键词:项目生成器、全栈开发、React项目、FastAPI、Go Gin、Taro小程序、模板复制、AI生成、代码生成、开发工具。
UI/UX设计专业版Skill ui-ux-pro-max
这个技能是一个全面的UI/UX设计智能工具,提供丰富的设计资源和指南,用于web和移动应用程序的界面设计、用户体验优化和代码实现。包含多种样式、颜色调色板、字体配对、UX指南和图表类型,支持多种技术栈如React、Vue等。适用于前端开发者、UI设计师和产品经理,帮助提高设计效率和代码质量。关键词:UI设计、UX设计、前端开发、设计系统、响应式设计、可访问性、颜色调色板、字体配对、图表设计。
常见问题
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 技能可免费浏览、安装与使用;部分技能可能提供增值服务或套餐,具体以技能详情页说明为准。