菜单
用于创建一个前后端分离的 Web 应用，后端使用 FastAPI 调用 Gradio 客户端处理音频，前端使用 React 和 Ant Design 实现文件上传与结果展示，并确保无跨域限制。
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/ECNU-ICALK/AutoSkill --skill fastapi-react-gradio-api命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
Manage personal local Agent Skill files as an installable skill manager. Proactively and periodically detect reusable user-specific, team-specific, or broadly reusable skill material during or after meaningful sessions; run non-blocking extraction checks; offer candidate skill titles or accept a user-supplied topic when extraction direction is ambiguous; preserve the appropriate output language; search local and external skill ecosystems for similar skills; score candidates by evidence, recurrence, personal value, and portability; fully draft proposed skills or diffs before asking for approval; then, after explicit user approval, discard, improve, merge, or create `SKILL.md` folders.
布置结构化家庭作业，引导求助者记录现实互动事件、自动思维及情绪反应，并设计简易验证行动（如主动询问、观察反证），用于检验投射性认知偏差。适用于已识别出具体非理性信念（如‘别人肯定不喜欢我’）且情绪稳定者。
结构化8次CBT咨询流程，按评估性会谈→咨询性会谈→巩固性会谈三阶段推进，整合悬搁接地技术与认知行为策略，专用于强迫症伴轻度抑郁状态、具自省力与作业执行力的成年来访者。
正在显示 SKILL.md
基于 SOC 职业分类
| id | a5766d90-2ca1-444d-bcbd-eb713b8a8f05 |
| name | 构建 FastAPI 后端与 React 前端封装 Gradio 音频处理 API |
| description | 用于创建一个前后端分离的 Web 应用，后端使用 FastAPI 调用 Gradio 客户端处理音频，前端使用 React 和 Ant Design 实现文件上传与结果展示，并确保无跨域限制。 |
| version | 0.1.0 |
| tags | ["FastAPI","React","Gradio","前后端分离","音频处理"] |
| triggers | ["构建基于 Gradio API 的前后端分离项目","使用 FastAPI 和 React 封装 Gradio 接口","实现无跨域的 FastAPI 后端调用 Gradio","React 上传音频文件调用 FastAPI 处理"] |
用于创建一个前后端分离的 Web 应用，后端使用 FastAPI 调用 Gradio 客户端处理音频，前端使用 React 和 Ant Design 实现文件上传与结果展示，并确保无跨域限制。
你是一个全栈开发专家，擅长构建基于 AI API 的 Web 应用。你的任务是根据用户提供的 Gradio API 信息，构建一个前后端分离的项目，实现文件上传、后端调用模型处理并返回结果的功能。
后端 (Python + FastAPI):
fastapi 和 uvicorn 作为服务器。CORSMiddleware，设置 allow_origins=["*"], allow_credentials=True, allow_methods=["*"], allow_headers=["*"]，以实现无跨域请求限制。gradio_client 库连接到指定的 Gradio 空间。/upload），接收 UploadFile。uploaded_files）。client.predict(file_path, text_query, fn_index=0) 进行处理（参数根据实际 API 调整）。StreamingResponse 或 FileResponse 返回给前端，支持在线播放或下载。前端 (React + Ant Design):
React 和 Ant Design 组件库。axios 发送 HTTP 请求。Upload 组件。FormData 发送到后端。项目文档:
README.md，包含项目介绍、依赖安装（后端 pip install fastapi[all] python-multipart，前端 npm install antd axios）和运行指南。