Agent Skills
› kqcoxn/MaaPipelineEditor
kqcoxn/MaaPipelineEditor
GitHub讲解 useXChat Hook 的使用，涵盖自定义 Provider 集成、消息管理、错误处理及多会话管理。指导开发者结合 Ant Design X SDK 构建专业级 AI 对话应用的前端逻辑与 UI 适配。
Install All Skills
npx skills add kqcoxn/MaaPipelineEditor --all -g -y
Skills in Collection (18)
讲解 useXChat Hook 的使用，涵盖自定义 Provider 集成、消息管理、错误处理及多会话管理。指导开发者结合 Ant Design X SDK 构建专业级 AI 对话应用的前端逻辑与 UI 适配。
使用 useXChat Hook
构建 AI 对话应用
前端聊天功能开发
npx skills add kqcoxn/MaaPipelineEditor --skill use-x-chat -g -y
指导 AI Agent 使用 @ant-design/x-card 动态渲染富交互 UI，涵盖 A2UI v0.9 命令、数据绑定、Catalog 管理及流式渲染。
需要让 AI Agent 动态生成或更新 UI 组件时
实现基于 JSON 命令流的交互式前端界面时
npx skills add kqcoxn/MaaPipelineEditor --skill x-card -g -y
指导将任意流式接口适配为Ant Design X标准Chat Provider，涵盖内置Provider选择、自定义实现四步法及进阶配置。
需要适配流式聊天接口
使用Ant Design X构建对话界面
npx skills add kqcoxn/MaaPipelineEditor --skill x-chat-provider -g -y
提供@ant-design/x组件库的选型、API使用及组合模式指南，覆盖Bubble、Sender等AI对话UI组件，辅助前端构建AI聊天界面。
需要构建AI对话或聊天界面
使用@ant-design/x组件库进行开发
npx skills add kqcoxn/MaaPipelineEditor --skill x-components -g -y
指导使用 @ant-design/x-markdown 进行 Markdown 渲染、流式输出处理、自定义组件映射及主题插件配置，明确包职责边界与安全规范。
需要渲染 Markdown 内容
处理 LLM 流式输出渲染
配置自定义组件或主题
npx skills add kqcoxn/MaaPipelineEditor --skill x-markdown -g -y
提供 Ant Design 6.x 及 Pro/X 组件的选型、主题、SSR 等决策指导。强制通过 CLI 查询官方 API 和文档，确保开发规范与版本兼容，禁止依赖记忆或内部实现。
Ant Design 组件选型与使用决策
前端 UI 主题定制与 Token 配置
antd CLI 工具调用与 API 查询
前端代码重构与迁移指南
npx skills add kqcoxn/MaaPipelineEditor --skill ant-design -g -y
提供MaaFramework开发与集成指南，涵盖项目结构解析、Pipeline及ProjectInterface V2协议处理、自定义Agent扩展及多语言Binding集成。指导如何参考本地源码与文档进行开发调试。
涉及MaaFramework项目结构分析
需要配置或修改Pipeline协议
进行Custom/Agent功能开发
集成Python/NodeJS/CSharp等语言Binding
npx skills add kqcoxn/MaaPipelineEditor --skill maafw -g -y
为MPE桌面端策划并生成版本主题背景图，复用定稿角色形象。涵盖取材、构图、提示词编写及图像生成后的清理工作，不用于普通UI修改。
需要为MPE新版本设计桌面背景
要求使用牛牛和章鱼猫角色生成插画
请求维护或更新角色设定与三视图
npx skills add kqcoxn/MaaPipelineEditor --skill mpe-background-art -g -y
用于创建符合规范的 React Flow 自定义节点组件，集成 TypeScript 类型定义、Handles 及 Zustand 状态管理。提供本地文档参考与代码模板，适用于构建可视化工作流编辑器或基于节点的 UI 界面开发。
需要创建 React Flow 自定义节点组件
构建可视化流程编辑器或节点式 UI
npx skills add kqcoxn/MaaPipelineEditor --skill react-flow-node-ts -g -y
管理 shadcn/ui 组件库，涵盖组件添加、搜索、调试、样式调整及 UI 组合。提供项目上下文、文档及使用示例，强制遵循 Tailwind 样式与表单布局规范，适用于含 components.json 的项目。
使用 npx shcn@latest 命令
需要添加或搜索 shadcn 组件
处理 UI 样式与布局问题
构建包含组件的页面
npx skills add kqcoxn/MaaPipelineEditor --skill shadcn -g -y
同步 MaaPipelineEditor 社区参考项目，执行 yarn refs:sync 更新源码副本。
用户要求同步参考项目
需要更新社区参考仓库
npx skills add kqcoxn/MaaPipelineEditor --skill sync-reference-projects -g -y
基于 Tauri v2 官方文档，指导开发桌面应用。涵盖 WebView 集成、Rust IPC、权限管理及跨平台发布流程。适用于配置宿主能力、处理进程生命周期及更新分发，支持增量集成与手动验证。
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 动态库与 Agent 二进制文件。通过 yarn lb:update 命令执行，涵盖版本检查、下载替换及回滚机制，确保运行时依赖正确加载。
用户明确要求更新本地 mfw 依赖
确认运行时过旧需要更新
npx skills add kqcoxn/MaaPipelineEditor --skill update-local-mfw -g -y
该技能用于审查 UI 代码是否符合 Web 界面设计指南。通过 Fetch 最新规则，检查指定文件并输出违规位置，适用于 UI 审查、可访问性检查和 UX 审计等场景。
review my UI
check accessibility
audit design
review UX
npx skills add kqcoxn/MaaPipelineEditor --skill web-design-guidelines -g -y
提供基于 TypeScript 的 Zustand 状态管理最佳实践，涵盖 store 创建、subscribeWithSelector 中间件使用、状态与动作分离及选择器优化。
需要创建 React 全局状态管理 store
实现 Zustand 响应式状态模式
npx skills add kqcoxn/MaaPipelineEditor --skill zustand-store-ts -g -y
提供XRequest库的配置与使用指南，涵盖依赖安装、基础及高级配置、安全认证策略、流式接口适配及调试测试方法。
需要配置XRequest发起请求
询问XRequest的安全设置或流式处理
排查XRequest配置问题
npx skills add kqcoxn/MaaPipelineEditor --skill x-request -g -y
