这是一个用于在前端信息流系统中扩展新事件类型的技术技能。主要功能包括：定义TypeScript接口、创建React组件、集成到现有类型系统、处理WebSocket消息。适用于前端开发、React应用扩展、实时消息处理等场景。关键词：前端开发、React组件、TypeScript、事件类型、WebSocket、信息流系统、UI扩展。

高效库文档获取器是一款基于Context7 MCP技术的智能工具，专门用于快速获取编程库的API文档、代码示例和使用模式。通过创新的Shell管道过滤技术，实现77%的令牌节省，显著提升开发效率。主要功能包括：自动识别库名称和主题、智能过滤文档内容、提供代码示例和API签名、支持多种开发框架（React、Next.js、Prisma等）。适用于开发学习、代码参考、API查询等场景。关键词：文档获取、API参考、代码示例、令牌优化、开发工具、MCP技术、编程学习、效率工具。

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

Agentation是一款专为Next.js项目设计的视觉反馈与注释工具栏。它帮助开发者在开发环境中快速添加、管理和共享UI注释，提升团队协作效率。主要功能包括屏幕标注、问题反馈、版本跟踪，适用于前端开发、UI/UX测试和代码审查场景。关键词：Next.js开发工具、视觉反馈、注释工具栏、前端调试、团队协作、React组件、开发环境优化。

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

移动开发技能专注于使用现代框架如React Native、Flutter、Swift、Kotlin构建iOS和Android移动应用。涵盖移动优先设计、性能优化、离线架构、安全最佳实践等，帮助开发者高效开发高质量移动应用，适用于跨平台或原生开发决策。关键词：移动开发、React Native、Flutter、iOS、Android、性能优化、安全。

前端设计技能专注于创建独特、生产就绪的前端用户界面，结合设计思维与代码执行，适用于网页、组件和应用程序的开发。关键词：前端设计、UI/UX、网页开发、React、Vue、HTML/CSS/JS。

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

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

JSON-UI 是一个强大的 JSON 到 HTML 报告渲染器，支持 React 组件和双语国际化。它允许开发者通过定义 JSON 结构快速生成美观、交互式的学术或数据报告网页。核心功能包括组件化架构、Zod 模式验证、静态 HTML 输出、React 组件库以及无缝的中英文语言切换。适用于学术论文展示、数据分析报告、自动化文档生成等场景。关键词：JSON渲染，HTML报告，React组件，双语国际化，i18n，学术报告，数据可视化，前端开发工具。

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

这个技能提供React和Next.js应用程序的性能优化最佳实践指南，由Vercel维护。它包含57条规则，分为8个优先级类别，帮助开发者在编写、审查或重构代码时确保高性能模式。关键词包括React性能优化、Next.js优化、数据获取、包大小、重新渲染控制、服务器端性能、客户端性能、JavaScript优化。