🎯

react-flow-node

🎯Skill

from microsoft/agent-skills

VibeIndex|
What it does

Generates Claude Code skill instructions for creating and configuring React Flow nodes with standardized patterns and best practices for visual node-based workflow or graph interfaces.

react-flow-node

Installation

Install skill:
npx skills add https://github.com/microsoft/agent-skills --skill react-flow-node
8
Last UpdatedJan 23, 2026

Skill Details

SKILL.md

Overview

# Agent Skills

> [!WARNING]

> Work in Progress β€” This repository is actively being developed.

A collection of skills, prompts, agents, and MCP server configurations designed to supercharge your AI coding agents when working with Microsoft AI SDKs and Azure services.

> πŸ“– Read the full blog post: [Context-Driven Development: Agent Skills for Microsoft Foundry and Azure](https://devblogs.microsoft.com/all-things-azure/context-driven-development-agent-skills-for-microsoft-foundry-and-azure/)

What's This About?

This repo embraces context-driven development β€” the practice of providing AI coding agents with precisely the right context at the right time. The quality of agent output is directly proportional to the quality and relevance of context it receives.

![Context-Driven Development Architecture](https://raw.githubusercontent.com/microsoft/agent-skills/main/assets/agent-skills-image.png)

Modern coding agents (GitHub Copilot CLI, [Claude Code](https://devblogs.microsoft.com/all-things-azure/claude-code-microsoft-foundry-enterprise-ai-coding-agent-setup/), [Codex](https://devblogs.microsoft.com/all-things-azure/codex-azure-openai-integration-fast-secure-code-development/), etc.) are powerful out of the box, but they lack domain-specific knowledge about your SDKs, patterns, and best practices. This repo provides the "onboarding guides" that turn general-purpose agents into specialized experts.

> [!IMPORTANT]

> Don't Use All Skills at Once β€” Avoid Context Rot

>

> Skills are designed to be used selectively. Context rot occurs when an agent's context window becomes cluttered with irrelevant or outdated information, degrading response quality and causing the agent to lose focus on what matters.

>

> Loading all skills at once will:

> - Dilute the agent's attention across unrelated domains

> - Waste precious context window tokens

> - Cause the agent to conflate patterns from different frameworks

>

> Only copy the specific skills that are absolutely essential for your current project.

Repository Structure

```

.github/

β”œβ”€β”€ skills/ # Modular knowledge packages for specific domains

β”œβ”€β”€ prompts/ # Reusable prompt templates (.prompt.md)

β”œβ”€β”€ agents/ # Agent persona definitions (.agent.md)

β”œβ”€β”€ agents.md # Project-wide agent instructions

β”œβ”€β”€ copilot-instructions.md

└── workflows/ # Automated workflows (e.g., docs sync)

.vscode/

└── mcp.json # MCP server configurations

```

Available Skills

Each skill is a self-contained knowledge package with a SKILL.md file. Copy only the skills you need to your project's .github/skills/ directory.

| Skill | Location | Description |

|-------|----------|-------------|

| agent-framework-azure-hosted-agents | .github/skills/agent-framework-azure-hosted-agents/ | Microsoft Agent Framework SDK for persistent Azure AI Foundry agents with hosted tools and MCP |

| azure-ai-agents-python | .github/skills/azure-ai-agents-python/ | Low-level Azure AI Agents SDK for agent CRUD, threads, streaming, and tools |

| azd-deployment | .github/skills/azd-deployment/ | Azure Developer CLI deployment to Container Apps with Bicep |

| azure-ai-search-python | .github/skills/azure-ai-search-python/ | Azure AI Search SDK patterns, vector/hybrid search, agentic retrieval |

| azure-ai-voicelive-skill | .github/skills/azure-ai-voicelive-skill/ | Azure AI Voice Live SDK integration |

| cosmos-db-python-skill | .github/skills/cosmos-db-python-skill/ | Cosmos DB NoSQL with Python/FastAPI, CRUD patterns |

| fastapi-router | .github/skills/fastapi-router/ | FastAPI routers with CRUD, auth, and response models |

| foundry-iq-python | .github/skills/foundry-iq-python/ | Agentic retrieval with knowledge bases and Foundry Agent Service |

| foundry-nextgen-frontend | .github/skills/foundry-nextgen-frontend/ | NextGen Design System UI patterns (Vite + React) |

| foundry-sdk-python | `.github/sk

More from this repository9

🎯
github-issue-creator🎯Skill

Creates GitHub issues automatically based on predefined templates or dynamic input, streamlining issue tracking and project management workflows.

🎯
fastapi-router🎯Skill

Generates FastAPI route configurations and boilerplate code for creating structured, type-safe API endpoints with automatic request validation and documentation.

🎯
pydantic-models🎯Skill

Generates and validates Pydantic data models for Python projects, ensuring type safety and data validation with minimal boilerplate code.

🎯
azure-ai-agents-python🎯Skill

Enables Claude Code to generate Python code for Azure AI services with context-aware, SDK-specific best practices and patterns.

🎯
azure-ai-search-python🎯Skill

Enables Claude Code to generate Python code for interacting with Azure AI Search, providing context-aware implementations for search index creation, querying, and data management.

🎯
foundry-sdk-python🎯Skill

Provides context-aware code generation and assistance for Python development using Microsoft Foundry SDK, helping AI coding agents understand SDK-specific patterns and best practices.

🎯
azure-ai-voicelive🎯Skill

azure-ai-voicelive skill from microsoft/agent-skills

🎯
cosmos-db-python-skill🎯Skill

Enables Claude Code agents to generate Python code for interacting with Azure Cosmos DB, providing context-specific database operations and best practices.

🎯
foundry-nextgen-frontend🎯Skill

Generates modern, context-aware frontend code and architecture for Microsoft Foundry's next-generation web applications using best practices and recommended design patterns.