Copilot · Community sample

Recipe Kitchen Agent - Find recipes to cook from Copilot chat

Discover and view recipes directly from Copilot chat.

Copilot componentReactSPFx 1.24.0

Compact inline view of the Recipe Kitchen Agent inside a Microsoft Copilot chat, showing a greeting, search options, and a list of recipes.

The idea behind the sample

Recipe Kitchen Agent helps you find recipes by dish name directly from Copilot chat. Select a result to view source-linked ingredients and instructions with interactive checklists. Ingredient, cuisine, time, and dietary filters are not supported.

Built with a SharePoint Copilot App (SPFx 1.24.0, @microsoft/sp-copilot-component), RecipeSearchCopilotComponent supports inline and fullscreen views. The default provider retrieves recipes from TheMealDB; a deterministic mock provider is available for local debugging.

Make it your own

Start with the author's setup instructions, explore the implementation, and adapt the pattern to your environment. Sample code stays in its original repository, together with its requirements, license and contribution history.

Read the source documentation

A closer look

Expanded fullscreen view of the Recipe Kitchen Agent, showing detailed recipe information with ingredients, instructions, and action buttons.

Keep exploring

Overview of SharePoint Copilot Apps — Extend Microsoft Copilot with custom, interactive experiences built using the familiar SharePoint Framework (SPFx) tools and client-side development model.
Build agents for Microsoft Copilot — Extend Microsoft Copilot with declarative agents, plugins, and connectors to tailor Copilot to your organization's needs.
Overview of the SharePoint Framework — The SharePoint Framework (SPFx) is a page and web part model that provides full support for client-side SharePoint development.

Keep the ideas flowing

Back to all possibilities