前端路由技能涉及使用React Router、Vue Router和Angular Router实现客户端路由，包括多页面导航、URL状态管理、受保护路由、组件懒加载和查询参数处理。

这个技能提供了Next.js 16 App Router的生产模式最佳实践，涵盖Server Components、Server Actions、Cache Components等，用于构建高性能的React应用，包括数据获取、表单处理、缓存优化和性能调优。关键词：Next.js 16, App Router, Server Components, Server Actions, 缓存组件, 性能优化, React 19.2, 生产部署, Web开发。

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

React Flow 基础技能是一个用于前端开发的 React 库，专注于构建可自定义的节点图编辑器、流程图、工作流界面和交互图表。涵盖核心概念、安装设置、节点和边配置、事件处理及插件组件，适用于数据可视化、无代码工具和 UI 设计。关键词：React Flow, 节点图表, 流程图, 交互界面, 前端开发, 数据可视化, 工作流编辑器

此技能提供Cloudflare Turnstile的集成指南，用于替代CAPTCHA实现网站机器人防护，防止垃圾邮件和恶意攻击。适用于前端框架如React、Next.js，后端如Cloudflare Workers、Hono，并包括服务器端验证和故障排除。关键词：Turnstile, CAPTCHA, 机器人防护, siteverify, 云安全, bot protection, 身份验证

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

Cypress测试框架是一个用于端到端测试和组件测试的工具，提供命令、断言、CI/CD集成等全面功能。适用于前端开发测试，支持React、Vue、Angular、Svelte等多种框架，包括设置测试、编写测试用例、调试测试和优化性能。关键词：Cypress、端到端测试、E2E测试、组件测试、测试自动化、浏览器测试、CI/CD集成、测试框架、持续集成。

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

该技能用于为终端用户界面（TUI）组件建立自动化测试环境。它提供了使用ink-testing-library（针对React组件）和Bubble Tea（针对Go语言模型）进行单元测试和集成测试的实用工具和代码模式。关键词：TUI测试，终端界面测试，ink测试库，Bubble Tea测试，CLI组件测试，自动化测试工具。

这是一个用于指导非技术背景用户（如项目经理Bill）进行联邦级建筑管理软件（OC Pipeline）开发的专家技能。它提供顶尖1%的软件开发标准，强制使用极其简单、无术语的沟通方式，并输出完整的生产级代码和分步操作指南。关键词：软件开发指导，联邦合规软件，Supabase，React，Node.js，无代码指导，建筑管理SaaS，生产级代码，分步教程。

React Context模式是一种用于在React应用中共享状态和管理全局数据的技术，有效避免prop drilling，提升组件复用性和应用性能。适用于前端开发中的状态管理、认证、主题切换、通知系统、模态框管理、表单处理等场景。关键词：React, Context, 状态管理, 前端开发, 组件通信, 性能优化, TypeScript, 全局状态, prop drilling避免。

移动端离线存储技能提供跨平台离线优先数据管理解决方案，支持WatermelonDB、Realm、MMKV等多种存储引擎，实现数据同步、冲突解决和离线队列管理。关键词：移动开发、离线存储、数据同步、React Native、跨平台、WatermelonDB、Realm、MMKV、同步队列、冲突解决