AI智能体 - SkillsBot AI Skill技能库

技术栈检测Skill tech-stack-detection

技术栈检测技能自动识别项目中的技术框架（如React、Vue）、包管理器和配置模式，适用于项目启动、依赖分析、框架指导，帮助开发人员快速理解架构并优化开发流程。关键词：技术栈检测、框架识别、包管理器、配置分析、项目架构、SEO优化。

高级前端开发Skill senior-frontend

高级前端开发技能提供完整的工具和最佳实践，用于使用ReactJS、NextJS、TypeScript、Tailwind CSS等现代技术构建高性能Web应用程序。涵盖组件生成、包分析、前端脚手架、性能优化和UI最佳实践，适用于前端开发、React、NextJS、TypeScript、Web性能优化、组件库和前端工程化。

ReactuseEffect最佳实践Skill react-useeffect

这个技能是关于React中useEffect钩子的最佳使用实践，提供官方指导，帮助开发者优化代码性能，避免不必要的Effect使用，并学习更好的替代方案。关键词：React, useEffect, 性能优化, 前端开发, 状态管理, 数据获取, 组件同步。

React开发模式与最佳实践Skill react-patterns

这个技能旨在帮助开发者掌握现代React应用开发的核心模式和最佳实践。涵盖组件设计、Hook使用、状态管理、性能优化、TypeScript集成、错误处理和测试策略。适用于前端工程师和全栈开发者，提升React应用的可维护性、性能和开发效率。关键词：React, Hooks, 组件设计, 状态管理, TypeScript, 性能优化, 测试, 前端开发。

ReactTypeScript开发Skill react-dev

这个技能专注于使用TypeScript进行React前端开发，提供类型安全保证，覆盖React 18-19的特性，如通用组件、事件处理、服务器组件和路由集成。关键词：React, TypeScript, 前端开发, 类型安全, 组件开发, 钩子, 服务器组件, 路由集成。

前端设计Skill frontend-design

此技能用于创建独特、生产级的前端界面，专注于高质量UI设计和创意编码，避免通用AI美学，适用于网页组件、React、HTML/CSS开发、美学设计、创意布局等场景，提升用户体验和视觉冲击力。关键词：前端开发、UI设计、网页界面、创意编码、美学设计、生产级代码、React组件、HTML/CSS布局、用户体验优化。

FigmaMCP集成Skill figma

Figma MCP 是一个技能，用于通过 Figma MCP 服务器将 Figma 设计自动化转换为生产代码。它允许用户根据 Figma URL 或节点 ID 获取设计上下文、截图和资产，然后按照项目规范（如 React 和 Tailwind）实现代码，确保视觉和行为与设计一致。关键词：Figma, MCP, 设计到代码, 前端开发, React, Tailwind, 自动化集成。

Zustand状态管理模式在ReactNative中的应用Skill rn-zustand-patterns

本文档提供了在使用Zustand状态管理库时的常见模式和最佳实践，包括同步设置与异步渲染、避免过时闭包、异步操作处理、选择器稳定性、派生状态计算、商店订阅用于副作用、测试Zustand商店以及调试状态变化等。这些模式有助于开发者理解和解决在使用Zustand时可能遇到的各种问题，提高React Native应用的性能和稳定性。

WebNavigation(React)Skill web-navigation

这份指南提供了React web应用程序的导航和路由模式，包括React Router和Next.js路由的实现，深度链接处理，以及导航守卫等高级功能。

这是一个用于在代码提交前进行系统性审查的技能。它通过执行Git命令收集变更、读取文件、分析代码质量（包括正确性、性能、安全性和TypeScript类型）、对照项目编码规范检查，并结构化输出审查报告。该技能旨在帮助开发者确保代码质量、遵循最佳实践、发现潜在问题，并促进团队协作。关键词：代码审查，Git变更分析，代码质量检查，TypeScript规范，React最佳实践，性能优化，安全漏洞扫描，自动化代码审计。