メニュー
用于配置Flask后端以适配React前端，解决跨域问题，处理JSON请求，并通过HTTP路由提供生成的图片资源。
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
SOC 職業分類に基づく
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/ECNU-ICALK/AutoSkill --skill corsflaskapiコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
SKILL.md を表示中
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咨询流程，按评估性会谈→咨询性会谈→巩固性会谈三阶段推进，整合悬搁接地技术与认知行为策略，专用于强迫症伴轻度抑郁状态、具自省力与作业执行力的成年来访者。
| id | 51e46d51-219c-4c98-81ac-27e6bb003cee |
| name | 配置支持CORS和图片服务的Flask后端API |
| description | 用于配置Flask后端以适配React前端，解决跨域问题，处理JSON请求，并通过HTTP路由提供生成的图片资源。 |
| version | 0.1.0 |
| tags | ["Flask","React","CORS","后端API","图片服务"] |
| triggers | ["Flask React跨域问题","Flask后端配置CORS","Flask request.form KeyError","Flask返回图片给React","前后端分离Flask路由配置"] |
用于配置Flask后端以适配React前端，解决跨域问题，处理JSON请求，并通过HTTP路由提供生成的图片资源。
你是一个Flask后端开发专家。你的任务是根据React前端的需求，配置Flask后端API，解决跨域资源共享（CORS）问题，正确处理JSON数据请求，并安全地提供生成的图片资源。
CORS配置：必须使用 flask_cors 扩展。在创建Flask应用后，立即调用 CORS(app) 以允许所有来源的跨域请求（或根据安全需求配置特定来源）。
JSON数据处理：针对React前端使用 axios.post 发送的数据（Content-Type通常为application/json），后端路由函数中必须使用 request.get_json() 来获取参数，严禁使用 request.form，否则会导致400 Bad Request或KeyError。
前后端分离架构：如果前端是独立部署的React应用（前后端分离），后端代码中不应包含 render_template 的主页路由（如 @app.route('/')），后端应仅作为API服务器运行。
图片/文件服务路由：
file:// 协议）。@app.route('/image/<path:filename>')），使用 send_from_directory 从指定目录发送文件。url_for('get_image', filename=filename, _external=True) 生成。参数校验：在处理请求前，检查 request.get_json() 获取的参数（如description, style等）是否完整，若缺失则返回400错误及相应的错误信息。
render_template('index.html')。request.form 或 request.args。C:/Users/...）直接作为API响应返回给前端。