skills.rest
miptah21
miptah21COMMUNITY
Explore all skills by this author →
GitHub

airflow-plugins

Build Airflow 3.1+ plugins embedding FastAPI endpoints and React UI components.

2|Updated Apr 8, 2026
Search Tags:#react#fastapi#middleware#plugin#airflow#ui embedding#rest api integration
One-click install
npx skills add https://github.com/miptah21/skills --skill airflow-plugins-miptah21
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: airflow-plugins
Source: https://github.com/miptah21/skills/tree/main/.agents/skills/airflow-plugins
Command: npx skills add https://github.com/miptah21/skills --skill airflow-plugins-miptah21

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill solves the problem of extending Airflow 3.1+ with custom web capabilities—like FastAPI-backed endpoints, embedded React UI, and navigation/page integrations—without running a separate service.

Core Features & Use Cases

  • Airflow 3.1+ plugin embedding: Register FastAPI apps, custom UI pages, and operator/task links within the Airflow UI.
  • Browser-facing component integration: Serve static assets, mount plugin routes, and embed React components into Airflow navigation or pages.
  • Operational extensibility: Add middleware for Airflow API interception, Jinja macros for DAG templates, custom timetables, and event listeners.
  • Security and correctness guardrails: Enforce Airflow 3 patterns (FastAPI instead of Flask/AppBuilder), explicit FastAPI auth when needed, and safe async handling for synchronous SDK/IO.

Quick Start

Ask the AI to generate an Airflow 3.1+ plugin that mounts a FastAPI endpoint under a new UI nav link and serves a React app from the plugin’s static directory.

Frequently Asked Questions about airflow-plugins

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I embed a FastAPI endpoint inside the Airflow web UI?▼

To embed a FastAPI endpoint in Airflow, build an Airflow 3.1+ plugin that registers FastAPI apps using the fastapi_apps component. This mounts your endpoints directly within the Airflow web process, allowing browser-facing functionality without a separate sidecar service.

Can I integrate React components into Airflow navigation pages?▼

Yes, you can integrate React components into Airflow navigation by configuring the react_apps plugin component. This serves static assets from your plugin directory and embeds custom React UI views directly into the Airflow web interface.

Does Airflow 3.1+ support Flask and AppBuilder for custom plugin registration?▼

Airflow 3.1+ requires FastAPI-based registration for custom plugins and does not support importing Flask or AppBuilder. You must use the new fastapi_apps and external_views plugin components to extend the web UI correctly.

What's the best way to add custom middleware to the Airflow API?▼

The best way to add middleware for Airflow API interception is through an Airflow 3.1+ plugin. This Skill configures custom middleware alongside FastAPI endpoints and React UI components within the plugin structure for operational extensibility.

How do I handle reverse proxies and authentication for custom Airflow UI plugins?▼

Handle reverse proxies by using relative href and path handling in your plugin configuration. For private endpoints, apply explicit FastAPI authentication and ensure async-safe wrapping for any synchronous SDK or IO calls within the Airflow process.

Why should I not deploy a separate sidecar service for Airflow custom browser functionality?▼

Deploying a separate sidecar service is unnecessary when you can embed FastAPI and React directly in Airflow. Using Airflow 3.1+ plugins provides native integration, serving custom browser-facing pages and API-backed views within the existing Airflow web process.

Related Skills

Explore More Software Engineering Skills→
minyeamerminyeamer
3

airflow-plugins

Build Airflow 3.1+ plugins embedding FastAPI endpoints and custom UI components.

Community
Advanced
jshsakurajshsakura
22

fastapi-developer

Automate building FastAPI services with async endpoints and Pydantic v2 contracts.

Community
Advanced
duanbiao2000duanbiao2000
3

airflow-dag-patterns

Generate production-ready Apache Airflow DAG patterns and templates.

Community
Advanced
ultrafish22Lultrafish22L

node-inspector

Render input widgets and edit node parameters in a properties panel.

Community
Intermediate