Agent Skills
› kqcoxn/MaaPipelineEditor
kqcoxn/MaaPipelineEditor
GitHub指导如何使用 useXChat Hook 构建 AI 对话应用，涵盖 Provider 集成、消息管理、错误处理及 UI 组件映射。
Install All Skills
npx skills add kqcoxn/MaaPipelineEditor --all -g -y
Skills in Collection (11)
指导如何使用 useXChat Hook 构建 AI 对话应用，涵盖 Provider 集成、消息管理、错误处理及 UI 组件映射。
询问如何使用 useXChat Hook
需要实现 AI 聊天界面逻辑
处理聊天消息状态与 UI 渲染
npx skills add kqcoxn/MaaPipelineEditor --skill use-x-chat -g -y
用于在AI Agent中通过@ant-design/x-card动态渲染富交互UI，支持A2UI命令流、数据绑定及组件注册。
需要动态渲染富交互UI
使用A2UI协议进行前端渲染
npx skills add kqcoxn/MaaPipelineEditor --skill x-card -g -y
该技能指导如何将任意流式接口适配为 Ant Design X 标准的 Chat Provider。涵盖内置 Provider 选择、自定义 Provider 的四步实现流程、核心类型定义及进阶配置，旨在解决非标准 API 与前端 UI 组件的集成问题。
需要将非 OpenAI/DeepSeek 标准的流式接口接入 Ant Design X
需要自定义 Chat Provider 以处理特定的消息格式或请求逻辑
遇到流式响应数据格式不匹配导致渲染异常的问题
npx skills add kqcoxn/MaaPipelineEditor --skill x-chat-provider -g -y
提供@ant-design/x组件库的选型、API使用及组合模式指导，用于构建AI对话UI界面。
使用@ant-design/x组件
构建AI对话界面
npx skills add kqcoxn/MaaPipelineEditor --skill x-components -g -y
指导使用@ant-design/x-markdown进行Markdown渲染，涵盖基础渲染、LLM流式输出处理、自定义组件映射、插件主题配置及安全规范。
需要渲染Markdown内容
实现LLM流式输出渲染
配置自定义组件映射
处理聊天富文本展示
npx skills add kqcoxn/MaaPipelineEditor --skill x-markdown -g -y
提供 Ant Design 6.x 及 Pro/X 组件的决策指导，涵盖选型、主题、SSR、性能及迁移。强制使用 @ant-design/cli 进行离线 API 查询与验证，确保代码符合官方文档规范，避免内部耦合。
Ant Design 组件选型或配置
前端 UI 主题定制与 Token 调整
antd CLI 工具使用与故障排查
Ant Design 版本升级与迁移指南
npx skills add kqcoxn/MaaPipelineEditor --skill ant-design -g -y
提供MaaFramework开发集成指南，涵盖项目结构解析、Pipeline与ProjectInterface V2协议处理、多语言Binding集成及Agent扩展。指导准确操作JSONC文件与维护运行时行为。
需要集成MaaFramework到Python/NodeJS/CSharp项目
解析或修改MaaFramework的interface.json和pipeline配置
实现自定义识别或动作逻辑（Agent）
调试MaaFramework运行时的回调或控制器交互
npx skills add kqcoxn/MaaPipelineEditor --skill maafw -g -y
提供 React Flow 自定义节点组件的 TypeScript 类型定义、Zustand 状态集成及标准代码模板，用于构建可视化工作流编辑器中的节点 UI 组件。
创建 React Flow 自定义节点
实现可视化流程编辑器
配置节点 Handle 与 Zustand 状态
npx skills add kqcoxn/MaaPipelineEditor --skill react-flow-node-ts -g -y
Tauri v2+跨平台应用开发技能，涵盖Rust后端、IPC通信及权限配置。通过规范命令注册、能力设置和移动端入口，预防常见错误，提升开发效率并降低Token消耗。
Tauri
src-tauri
invoke
emit
capabilities.json
npx skills add kqcoxn/MaaPipelineEditor --skill tauri-v2 -g -y
提供基于TypeScript的Zustand状态管理最佳实践，包括subscribeWithSelector中间件、状态与动作分离及性能优化选择器模式，用于构建React全局状态。
创建Zustand store
React状态管理
实现响应式状态模式
npx skills add kqcoxn/MaaPipelineEditor --skill zustand-store-ts -g -y
提供 XRequest 库的配置指南，涵盖依赖安装、基础用法、安全认证及流式接口适配，帮助开发者快速上手并正确配置网络请求工具。
询问 XRequest 配置方法
需要设置流式接口请求
排查请求认证或调试问题
npx skills add kqcoxn/MaaPipelineEditor --skill x-request -g -y
