前端开发SkillsMP 同步
frontend-query-mutation
功能描述与核心用途
指南实现 Langflow 前端查询 mutation 模式 Axios TanStack React 查询 v5. 触发创建更新 API 钩子控制器/API/查询, consuming UseRequestProcessor 组件, deciding wheth
EN: Guide for implementing Langflow frontend query and mutation patterns with Axios and TanStack React Query v5. Trigger when creating or updating API hooks in controllers/API/queries, consuming UseRequestProcessor in components, deciding wheth
运行宿主与模型建议
- 运行宿主：Claude Code / Codex CLI / OpenClaw / Cursor 等命令行 AI Agent
- 推荐模型：工具调用稳定、响应快的模型
- 安装后重启 / 刷新 Agent 即可识别，用自然语言调用，无需额外中转服务。
安装与使用教程 按对应通道操作，命令可直接复制
第一步 ·
准备环境：确认已安装 Git，终端执行git --version能显示版本号；这类 Skill 以克隆目录的方式安装。第二步 ·
按你使用的 Agent 选一条克隆命令：Claude Code 全局生效（推荐）：仅当前项目生效：git clone https://github.com/langflow-ai/langflow ~/.claude/skills/langflowOpenClaw 生效：git clone https://github.com/langflow-ai/langflow .claude/skills/langflow该 Skill 在仓库内的路径：git clone https://github.com/langflow-ai/langflow ~/.openclaw/workspace/skills/langflow.agents/skills/frontend-query-mutation/SKILL.md，让 Agent 使用该子目录即可。第三步 ·
安装依赖（按需）：进入克隆目录，若含requirements.txt执行pip3 install -r requirements.txt；若含package.json执行npm install。第四步 ·
加载调用：重启或刷新 Agent 让它识别新 Skill，之后直接用自然语言描述需求即可自动调用。第五步 ·
卸载：直接删除对应的 skills 文件夹即可。
发给 AI 的安装提示词
请帮我安装并启用开源 Skill「frontend-query-mutation」（开源仓库 langflow-ai/langflow/agents-skills-frontend-query-mutation），它的作用是：Guide for implementing Langflow frontend query and mutation patterns with Axios and TanStack React Query v5. Trigger when creating or updating API hooks in controllers/API/queries, consuming UseRequestProcessor in components, deciding wheth。请先检查 Git 环境（git --version，没有就先安装）；然后根据我正在使用的 Agent，把仓库克隆到对应的 skills 目录（Claude Code：git clone https://github.com/langflow-ai/langflow ~/.claude/skills/langflow；OpenClaw：git clone https://github.com/langflow-ai/langflow ~/.openclaw/workspace/skills/langflow 完成安装；若目录里有依赖文件请一并安装；之后重载技能列表确认已被识别，并用一个最简单示例演示如何用自然语言调用它；如果报错请自动排查修复，最后告诉我使用方法。 该 Skill 在仓库内的子目录为 .agents/skills/frontend-query-mutation/SKILL.md，请使用该路径。调用示例（自然语言）
> 调用对应工具完成这个操作，并把结果反馈给我