Back to directory

Next.js Dify Workflow API

Agent skill
1 skill

Next.js App Router から Dify Workflow API (POST /v1/workflows/run) を 生 fetch で呼び出し、ファイルアップロード → ワークフロー起動 → SSE (responsemode: "streaming") のイベントを Route Handler 内でパースし、NDJSON でクライアントへ再ストリームする実装パターン。dify-client SDK を使わない・チャットフローではない・HITL Service API でもない、"純粋な Workflow を API として呼び出す" ケース全般を対象とする。/v1/files/upload での localfile アップロード、workflowstarted / nodestarted / nodefinished / workflowfinished イベントの処理、outputs.structuredoutput.X と outputs.X の両対応、Zod による安全な再エミット、logger.withSpan での OpenTelemetry 計装、USEDIFY=0 でのサンプルフォールバック、difyUser() による user 識別子の名前空間化を扱う。「Dify Workflow API」「workflows/run」「ワークフローを API として呼ぶ」「Dify ファイルアップロード」「SSE → NDJSON」「Dify 生 fetch」などのキーワードで使用すること。Chatflow を呼ぶなら nextjs-dify-chat、Human Input Node の承認フローを実装するなら dify-hitl-workflow-api を使う。

Install with
Claude CodeCodexCursorGitHub CopilotGemini CLI

Supported by the Atlas install prompt. Skill-specific requirements vary.

Skill stats

Skills1CategoryEngineeringStars0

About this skill

Next.js App Router から Dify Workflow API (POST /v1/workflows/run) を 生 fetch で呼び出し、ファイルアップロード → ワークフロー起動 → SSE (responsemode: "streaming") のイベントを Route Handler 内でパースし、NDJSON でクライアントへ再ストリームする実装パターン。dify-client SDK を使わない・チャットフローではない・HITL Service API でもない、"純粋な Workflow を API として呼び出す" ケース全般を対象とする。/v1/files/upload での localfile アップロード、workflowstarted / nodestarted / nodefinished / workflowfinished イベントの処理、outputs.structuredoutput.X と outputs.X の両対応、Zod による安全な再エミット、logger.withSpan での OpenTelemetry 計装、USEDIFY=0 でのサンプルフォールバック、difyUser() による user 識別子の名前空間化を扱う。「Dify Workflow API」「workflows/run」「ワークフローを API として呼ぶ」「Dify ファイルアップロード」「SSE → NDJSON」「Dify 生 fetch」などのキーワードで使用すること。Chatflow を呼ぶなら nextjs-dify-chat、Human Input Node の承認フローを実装するなら dify-hitl-workflow-api を使う。

Quick start

  1. Copy the install prompt. Use the green button above this README.
  2. Send it to your agent. Paste it into your coding agent’s chat and send.
  3. Review the setup. Your agent checks the skill’s instructions, requirements, and installation scope.
Review, license & listing details
Review the source before using this skill

This is an imported listing. We haven’t certified its safety, license, or compatibility. Skills may include executable scripts.

Automated security scan: Partial

Only SKILL.md was scanned. Supporting files and scripts were not checked. No safety grade has been assigned.

0 potential findings · Scanned 11/4/2026 · Scanner 0.2.1

Content SHA-256: 871c07276007c08d210cbb3672c38cbbc38f09c28091b1a22e1b8dd1e436473e

About scan coverage and limitations

About this listing

Category
Engineering
Reported license
Not specified
Listing language (estimated)
Japanese
Review status
Not individually reviewed
Agent compatibility
Atlas installation supports Claude Code, Codex, and Cursor. Skill-specific dependencies and features are checked during setup.
Next.js Dify Workflow API | Agent Skills Atlas