Agent Skills
› kqcoxn/MaaPipelineEditor
kqcoxn/MaaPipelineEditor
GitHub指导开发者使用useXChat Hook构建AI对话应用，涵盖Provider集成、消息管理、错误处理及UI组件映射。
安装全部 Skills
npx skills add kqcoxn/MaaPipelineEditor --all -g -y
集合内 Skills (18)
指导开发者使用useXChat Hook构建AI对话应用，涵盖Provider集成、消息管理、错误处理及UI组件映射。
需要集成AI聊天功能
使用Ant Design X SDK进行开发
npx skills add kqcoxn/MaaPipelineEditor --skill use-x-chat -g -y
用于指导 AI Agent 使用 @ant-design/x-card 动态渲染富交互 UI。涵盖 XCard 组件用法、A2UI v0.9 命令流、数据绑定、Catalog 管理及流式渲染模式，实现结构化 JSON 驱动的前端界面构建。
需要让 AI Agent 动态生成或更新前端 UI 组件
实现基于 A2UI 协议的流式渐进式渲染
处理 UI 交互事件并回传给 Agent
npx skills add kqcoxn/MaaPipelineEditor --skill x-card -g -y
该技能用于将任意流式聊天接口适配为 Ant Design X 标准格式，支持内置 Provider 选择与自定义 Provider 实现。
需要将非标准流式接口对接到 Ant Design X
需要自定义 Chat Provider 处理特定数据格式
npx skills add kqcoxn/MaaPipelineEditor --skill x-chat-provider -g -y
提供 @ant-design/x AI 对话 UI 组件库的开发指南，涵盖 Bubble、Sender 等组件选型、API 使用、组合模式及最佳实践，辅助前端构建 AI 交互界面。
需要构建 AI 聊天或对话界面
查询 @ant-design/x 组件 API 或用法
解决 AI 对话 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及迁移。通过 CLI 查询 API 和文档，提供基于官方规范的开发建议与风险评估。
Ant Design 组件使用决策
UI 主题定制与 Token 配置
antd 版本升级与迁移
前端组件性能与可访问性优化
npx skills add kqcoxn/MaaPipelineEditor --skill ant-design -g -y
MaaFramework开发与集成指南，涵盖项目结构解析、Pipeline与ProjectInterface协议处理、自定义Agent扩展及多语言绑定集成。提供本地源码参考流程与JSONC精确修改规范，用于自动化游戏开发任务构建。
需要解析或生成MaaFramework项目结构时
涉及Pipeline节点逻辑修改或引用关系处理时
进行Custom/Agent功能扩展或多语言Binding集成时
查询MaaFramework API接口或回调协议定义时
npx skills add kqcoxn/MaaPipelineEditor --skill maafw -g -y
为MPE桌面端策划并生成版本主题背景图，复用机械动力牛牛与章鱼猫形象，维护角色设定与三视图，确保构图适配界面布局。
需要生成或修改MPE大版本桌面背景
需要更新或维护吉祥物角色设定与三视图
npx skills add kqcoxn/MaaPipelineEditor --skill mpe-background-art -g -y
提供 React Flow 自定义节点组件的开发模板与规范，包含 TypeScript 类型定义、Zustand 状态管理及 Handle 集成模式。适用于构建可视化流程图编辑器中的节点 UI 组件。
创建 React Flow 自定义节点
实现可视化工作流编辑器组件
需要 React Flow 节点的类型定义和状态管理
npx skills add kqcoxn/MaaPipelineEditor --skill react-flow-node-ts -g -y
管理shadcn/ui组件与项目，支持添加、搜索、修复、调试、样式调整及UI组合。提供上下文、文档及使用示例，适用于涉及shadcn/ui或components.json的项目。
使用shadcn/cli添加或管理组件
需要查找或复用现有UI组件
处理shadcn/ui相关的样式与布局规则
构建基于shadcn的仪表板或表单界面
npx skills add kqcoxn/MaaPipelineEditor --skill shadcn -g -y
同步 MaaFramework 社区参考项目，通过执行 yarn refs:sync 命令更新本地副本，处理克隆、对齐及子模块清理，并具备临时网络故障自动重试机制。
用户说“同步项目”
用户说“同步参考项目”
要求更新社区参考仓库
npx skills add kqcoxn/MaaPipelineEditor --skill sync-reference-projects -g -y
指导基于 Tauri v2 开发桌面应用，涵盖 WebView、Rust IPC、权限管理及跨平台发布。提供配置规范、架构决策及验证流程，确保增量集成与官方 API 对齐。
Tauri 桌面应用配置
Rust 宿主逻辑开发
WebView 集成与 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
提供Web、移动端及桌面端UI/UX设计智能支持，涵盖界面构建、组件设计、无障碍审查、交互模式、响应式布局及视觉规范（色彩、排版等），辅助提升用户体验与界面质量。
设计或重构UI组件
审查界面可访问性与一致性
选择配色与字体搭配
实现响应式布局或动画交互
npx skills add kqcoxn/MaaPipelineEditor --skill ui-ux-pro-max -g -y
更新本机 LocalBridge 依赖的 MaaFramework 动态库与 AgentBinary。通过 yarn lb:update 执行，包含版本检查、下载替换及加载验证，确保运行时环境为指定版本。
更新本地 mfw 依赖
更新本地运行时
运行时过旧后的更新请求
npx skills add kqcoxn/MaaPipelineEditor --skill update-local-mfw -g -y
用于审查Web界面代码是否符合设计规范与最佳实践。通过获取最新指南并比对指定文件，输出符合性检查结果，支持UI审核、可访问性检查及UX审计等场景。
review my UI
check accessibility
audit design
review UX
npx skills add kqcoxn/MaaPipelineEditor --skill web-design-guidelines -g -y
用于创建基于 Zustand 和 TypeScript 的 React 状态管理 Store，规范状态与动作分离、使用 subscribeWithSelector 中间件及个体选择器，提升性能与类型安全。
需要创建全局状态管理模块
构建 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
