Agent Skills
› kqcoxn/MaaPipelineEditor
kqcoxn/MaaPipelineEditor
GitHub讲解如何使用useXChat Hook构建AI对话应用，涵盖自定义Provider集成、消息管理、错误处理及多会话管理等核心功能与开发规范。
Install All Skills
npx skills add kqcoxn/MaaPipelineEditor --all -g -y
Skills in Collection (17)
讲解如何使用useXChat Hook构建AI对话应用，涵盖自定义Provider集成、消息管理、错误处理及多会话管理等核心功能与开发规范。
需要集成Ant Design X的AI聊天功能
使用useXChat Hook进行前端状态管理
实现AI对话界面中的消息流与错误处理
npx skills add kqcoxn/MaaPipelineEditor --skill use-x-chat -g -y
用于AI Agent通过@ant-design/x-card动态渲染富交互UI，涵盖A2UI命令、数据绑定及流式渲染。
需要AI Agent动态生成并渲染复杂交互式界面
实现基于JSON命令流的渐进式UI构建
npx skills add kqcoxn/MaaPipelineEditor --skill x-card -g -y
提供将任意流式接口适配为 Ant Design X Chat Provider 的实现指南，涵盖内置 Provider 选择、自定义 Provider 四步实现法及 XRequest 进阶配置。
需要将非标准流式接口接入 Ant Design X
需要自定义 Chat Provider 处理特殊响应格式
npx skills add kqcoxn/MaaPipelineEditor --skill x-chat-provider -g -y
提供 @ant-design/x 组件库的 UI 开发指南，涵盖 AI 对话界面组件选型、API 使用及组合模式，辅助前端构建 RICH 交互范式的应用。
需要构建 AI 聊天或对话界面
使用 ant-design/x 组件库进行前端开发
npx skills add kqcoxn/MaaPipelineEditor --skill x-components -g -y
指导如何使用 @ant-design/x-markdown 进行 Markdown 渲染、流式输出、自定义组件映射及主题配置。明确包职责边界，提供开发规则与安全建议，并说明与其他聊天技能的协作方式。
需要渲染 Markdown 内容
处理 LLM 流式输出
配置自定义组件或插件
调整 Markdown 主题样式
npx skills add kqcoxn/MaaPipelineEditor --skill x-markdown -g -y
Ant Design 6.x 组件选型与开发决策指南，涵盖 Pro/X 生态、主题定制、SSR、性能及无障碍。通过 CLI 查询 API 并遵循官方文档规范，提供最小化配置策略与风险评估。
Ant Design 组件选择与使用决策
前端 UI 主题定制与样式调整
Ant Design 版本迁移与升级咨询
前端 SSR 或性能优化方案制定
npx skills add kqcoxn/MaaPipelineEditor --skill ant-design -g -y
提供 MaaFramework 开发集成指南，涵盖项目结构识别、Pipeline 与 ProjectInterface V2 协议处理、Custom/Agent 扩展及多语言 Binding。规范本地源码引用与文档索引使用流程，确保 JSONC 修改保留格式。
MaaFramework 项目开发与集成
解析或修改 Pipeline 节点协议
配置 ProjectInterface V2 接口文件
实现 Custom 或 Agent 自定义逻辑
npx skills add kqcoxn/MaaPipelineEditor --skill maafw -g -y
提供 React Flow 自定义节点的开发规范，包含 TypeScript 类型定义、Zustand 状态集成及 Handle 组件模式。适用于构建可视化工作流编辑器中的节点 UI 组件，支持本地文档参考与模板快速生成。
创建 React Flow 自定义节点组件
配置节点 TypeScript 类型和数据结构
实现节点拖拽手柄或调整大小功能
集成 Zustand 管理画布状态
npx skills add kqcoxn/MaaPipelineEditor --skill react-flow-node-ts -g -y
管理 shadcn/ui 组件与项目，涵盖添加、搜索、修复、调试、样式及组合 UI。提供上下文、文档和示例，遵循特定设计原则与编码规范。
使用 shadcn/ui 构建界面或设计系统
执行 shadcn CLI 命令如 init、search、docs
项目中存在 components.json 文件
需要遵循 shadcn 的样式与表单规范
npx skills add kqcoxn/MaaPipelineEditor --skill shadcn -g -y
同步 MaaPipelineEditor 社区参考项目。通过执行 yarn sync:references 命令，根据索引克隆或更新本地仓库副本，处理网络重试并汇报结果，确保源码与上游一致。
用户要求同步参考项目
用户说同步项目
npx skills add kqcoxn/MaaPipelineEditor --skill sync-reference-projects -g -y
基于 Tauri v2 官方文档进行桌面应用开发，涵盖 WebView、Rust IPC、权限及更新分发。指导配置、宿主能力实现与跨平台构建测试。
Tauri 桌面应用架构设计与实现
Rust 宿主进程与前端 IPC 集成
桌面端权限配置与自动更新分发
npx skills add kqcoxn/MaaPipelineEditor --skill tauri-for-mpe -g -y
Tauri v2+跨平台应用开发技能，涵盖Rust后端、IPC通信及权限配置。通过规范命令注册、能力设置和移动端入口，预防常见错误，提升开发效率并降低Token消耗。
Tauri
src-tauri
invoke
emit
capabilities.json
npx skills add kqcoxn/MaaPipelineEditor --skill tauri-v2 -g -y
提供UI/UX设计智能支持，涵盖界面构建、组件开发、设计系统审查及可访问性优化。适用于前端视觉与交互设计任务。
设计新页面或重构UI组件
检查界面的可访问性与一致性
选择配色、排版或响应式布局
实现动画或交互反馈
npx skills add kqcoxn/MaaPipelineEditor --skill ui-ux-pro-max -g -y
用于更新本机开发环境的 MaaFramework 动态库与 Agent 二进制文件。通过 yarn update:mfw 脚本执行，涵盖版本检查、依赖替换及加载验证，确保本地运行时环境正确更新。
用户明确要求更新本地 mfw 依赖
确认运行时过旧需更新
npx skills add kqcoxn/MaaPipelineEditor --skill update-local-mfw -g -y
用于审查Web界面代码是否符合设计规范，支持UI、可访问性及UX审计。通过获取最新指南并检查指定文件，以简洁格式输出合规性问题。
review my UI
check accessibility
audit design
review UX
check my site against best practices
npx skills add kqcoxn/MaaPipelineEditor --skill web-design-guidelines -g -y
提供基于TypeScript的Zustand状态管理Store创建规范，强调使用subscribeWithSelector中间件、分离状态与动作接口及精细化选择器，旨在构建高性能React全局状态。
需要创建React应用的全局状态存储
实现响应式状态管理模式
配置带有类型安全的Zustand Store
npx skills add kqcoxn/MaaPipelineEditor --skill zustand-store-ts -g -y
提供 XRequest 库的配置与使用指南，涵盖依赖安装、基础及流式配置、安全认证策略、调试测试方法及多场景应用，帮助用户正确适配流式接口需求。
询问 XRequest 配置方法
需要设置流式请求或认证头
排查前端/后端 API 调用安全问题
npx skills add kqcoxn/MaaPipelineEditor --skill x-request -g -y
