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 (12)
指导开发者集成 useXChat Hook 构建 AI 对话应用,涵盖 Provider 配置、消息管理、错误处理及 UI 组件映射。
需要实现前端聊天功能
集成 Ant Design X SDK
处理 AI 对话状态与 UI 渲染
npx skills add kqcoxn/MaaPipelineEditor --skill use-x-chat -g -y
用于在 AI Agent 中通过 @ant-design/x-card 动态渲染富交互 UI,支持 A2UI v0.9 协议、组件注册、数据绑定及流式渲染。
需要让 AI Agent 动态生成或更新前端 UI 界面
实现基于结构化 JSON 命令流的富交互卡片渲染
npx skills add kqcoxn/MaaPipelineEditor --skill x-card -g -y
指导将任意流式接口适配为 Ant Design X 标准 Chat Provider,涵盖内置Provider选择、自定义Provider四步实现及XRequest进阶配置。
需要将非标准格式的流式API接入Ant Design X聊天组件
需要自定义Chat Provider以处理特定的消息格式或请求逻辑
npx skills add kqcoxn/MaaPipelineEditor --skill x-chat-provider -g -y
提供 @ant-design/x 组件库的使用指南,涵盖 AI 对话 UI 中各类组件的选型、API 参考及组合模式,辅助前端开发构建流畅的交互式聊天界面。
需要实现 AI 聊天界面布局
查询 Ant Design X 组件 API 用法
解决 UI 组件组合与样式问题
npx skills add kqcoxn/MaaPipelineEditor --skill x-components -g -y
指导如何正确使用 @ant-design/x-markdown 进行 Markdown 渲染,涵盖基础用法、LLM 流式输出处理、自定义组件映射、插件主题配置及安全注意事项。
需要渲染 Markdown 内容
实现 LLM 流式文本展示
配置 Markdown 自定义组件或插件
调整 Markdown 主题样式
npx skills add kqcoxn/MaaPipelineEditor --skill x-markdown -g -y
Ant Design 6.x 决策指南,涵盖组件选型、主题定制、SSR、性能及迁移。强调使用 @ant-design/cli 进行离线 API 查询和 linting,遵循官方文档,提供基于 TypeScript 的决策建议与最佳实践。
需要选择或配置 Ant Design 组件
涉及 Ant Design 主题定制或 Token 修改
Ant Design 版本升级或迁移
查询 Ant Design 组件 API 或文档
npx skills add kqcoxn/MaaPipelineEditor --skill ant-design -g -y
MaaFramework开发与集成指南,涵盖项目结构解析、Pipeline协议处理、ProjectInterface V2配置及多语言Binding集成。提供本地源码参考规范与文档索引,指导Agent扩展、控制器配置及运行时行为处理。
涉及MaaFramework项目结构分析
需要修改或生成Pipeline节点协议
进行Python/NodeJS/CSharp等语言绑定集成
配置自定义识别或Agent扩展
处理ProjectInterface V2接口文件
npx skills add kqcoxn/MaaPipelineEditor --skill maafw -g -y
提供基于React Flow和TypeScript的自定义节点组件创建规范,包含模板、类型定义及Zustand状态管理集成指南,适用于构建可视化工作流编辑器。
创建React Flow自定义节点
实现可视化流程图UI组件
配置节点TypeScript类型与Handle
npx skills add kqcoxn/MaaPipelineEditor --skill react-flow-node-ts -g -y
同步 MaaPipelineEditor 社区参考项目,通过执行 yarn sync:references 命令更新本地仓库副本。
用户说“同步项目”
用户说“同步参考项目”
要求更新社区参考仓库
npx skills add kqcoxn/MaaPipelineEditor --skill sync-reference-projects -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 全局状态管理最佳实践,涵盖中间件使用、类型定义及性能优化选择器模式。
创建 React 全局状态存储
实现响应式状态模式
配置 Zustand store
npx skills add kqcoxn/MaaPipelineEditor --skill zustand-store-ts -g -y
提供 XRequest 的配置指南,涵盖依赖安装、基础用法、流式接口适配及多环境安全认证策略。旨在帮助开发者正确集成 Ant Design X SDK,实现稳定的网络请求与 SSE 流式处理。
询问如何配置 XRequest
需要设置流式接口或 SSE 连接
查询前端/后端 API 密钥的安全处理方式
npx skills add kqcoxn/MaaPipelineEditor --skill x-request -g -y


