| name | af-dev-ui |
| description | Develop Airflow UI features from an issue link or text description. |
Airflow UI Dev
Usage
/af-dev-ui <GitHub issue URL>
/af-dev-ui <text description>
Stack
React 19, Chakra UI v3, React Query, TypeScript, Vite, pnpm
Conventions
- Reuse from
src/ before creating files: components/ui/, constants/, utils/, hooks/, queries/, context/, layouts/
- Use types from
openapi-gen/ (never hand-write API types)
- Props
readonly: type Props = { readonly x: T }
- Return
undefined not null
Instructions
- Get requirements:
gh issue view <URL>, or use the given text.
- Read existing code in the area you're changing; reuse it.
- If backend endpoint changed:
prek airflow-core:generate-openapi-spec
cd airflow-core/src/airflow/ui && pnpm codegen
- Implement the minimal change, following existing patterns.
- Verify in the browser with
browser_snapshot (not browser_take_screenshot).
- Run
prek airflow-core:ts-compile-lint-ui.
- Summarize with
/dev-pr-summarize.