这是一个用于自动生成高质量、现代化React组件的技能工具。它专注于使用TypeScript、React Hooks和状态管理，并遵循无障碍（a11y）最佳实践。核心功能包括：一键生成函数组件、自定义Hooks和Context Provider，支持Props类型定义、样式配置和加载状态处理。适用于前端开发人员快速构建可复用、类型安全且易于维护的UI组件库，提升开发效率和代码质量。关键词：React组件生成，TypeScript，Hooks，前端开发，无障碍设计，状态管理，UI库。

Next.js 15 应用的前端开发指南，涵盖 React 19、TypeScript、Shadcn/ui、Tailwind CSS 等现代开发模式，包括 Server Components、Client Components、App Router、文件结构、组件、性能优化和 TypeScript 最佳实践。

这是一个用于创建复杂前端HTML工件的工具套件，基于React、TypeScript、Vite、Tailwind CSS和shadcn/ui，特别适合需要状态管理、路由和多组件集成的项目。关键词包括：前端开发、React、HTML构建、工具套件、量化交易工具辅助（作为股票量化交易专家，此工具可用于构建交易界面和可视化组件）

这个技能用于设计和实现模块化的页面构建系统，支持组件化、槽位布局和块状编辑，适用于前端框架如 Blazor、React、Vue 等。它帮助开发者快速搭建内容管理系统的页面结构，提升编辑体验和开发效率。关键词：模块化页面构建、组件设计、槽位布局、块状编辑、前端开发、CMS。

此技能提供Remotion的最佳实践指南，帮助开发者使用React高效创建视频内容，涵盖动画制作、资产导入、音频处理、字幕显示等关键技术。关键词：Remotion, React, 视频创建, 最佳实践, 动画, 前端开发, SEO优化

国际化管理器是一个自动化工具，用于扫描项目代码中的硬编码用户字符串，提取并生成翻译文件，支持React、Vue、Python等多种框架，简化国际化流程。关键词：国际化、字符串提取、翻译文件、代码扫描、前端开发、后端开发、多语言支持。

这是一份针对 Portfolio Buddy 2 项目的 React 19 和 TypeScript 编码规范文档。它详细定义了前端组件开发的最佳实践，包括组件结构、状态管理、TypeScript 类型安全、性能优化、错误处理、文件组织、测试标准和代码审查流程。适用于前端开发团队进行代码编写、审查和重构，确保项目代码质量和一致性。关键词：React 19, TypeScript, 前端开发, 编码规范, 组件设计, 状态管理, 性能优化, 代码审查。

Zustand 是一个用于 React 的轻量级状态管理库，提供简单、高效的状态管理方案，支持 TypeScript 类型推断、持久化存储、开发工具集成和切片模式。适用于全局状态管理、Redux/Context API 迁移、Next.js SSR 等场景。关键词：zustand, React状态管理, TypeScript状态管理, 全局状态, Redux替代, 持久化中间件, 开发工具, 切片模式, Next.js水合, 无限渲染预防。

LangGraph是一个专为构建状态化、多参与者AI应用设计的生产级框架，支持图构造、状态管理、条件路由和持久化。它适用于开发AI智能体，实现可调试的代理流程，广泛应用于AI代理、状态管理、图计算和ReAct模式。关键词：LangGraph, AI智能体, 状态管理, 图构造, 代理开发, 生产级框架, 可调试AI

此技能用于前端开发，专注于使用 React 19 及更高版本构建高性能、可访问的 Web 应用程序，涵盖组件架构、钩子模式、状态管理、性能优化等核心领域。适用于服务器组件、Suspense 边界、现代数据获取等高级特性。关键词：React, 前端开发, TypeScript, 状态管理, 性能优化, 服务器组件, 钩子模式, 可访问性。

全栈开发技能，提供项目脚手架、代码质量分析和架构模式指导，支持React、Next.js、Node.js、GraphQL、PostgreSQL等现代技术栈，适用于构建和优化Web应用程序，关键词：全栈开发、代码质量、架构模式、React、Node.js、PostgreSQL、SEO优化。

该技能提供 Ant Design React 组件库的全面使用指南，帮助开发者快速构建 React 应用，支持组件如按钮、表单、表格的集成，主题定制，国际化，TypeScript 类型支持等，关键词包括 Ant Design, React, 组件库, 前端开发, UI 设计, 主题定制, 国际化, TypeScript。