In-App AI Automation SDK

Turn your web app into Cursor in minutes.

Wingman is a powerful SDK & UI library that adds AI automation to your web apps. Simply install the TypeScript package to enable & fine-tune AI-powered operators & increase your customer TTV.

pnpm add wingman
preview
1

Install it.

Install the Wingman SDK quickly in your project using your favorite package manager.

localhost:3000

New App launched!
Terminal
npm create fumadocs-app ┌ Create Fumadocs App◇ Project name│ my-app◆ Choose a content source│ ● Fumadocs MDX│ ○ Content Collections
2

Annotate it.

Add metadata to your pages and components to define instruction tasks for your AI operator. Configure it with ease to let the operator infer necessary actions.

---
title: My Documentation
---
 
## Introduction
 
Hello World
 
index.mdx
components.mdx
3

Prompt & Deploy.

Deploy your app and watch as the AI operator takes over the screen to perform live actions for your users.

Designed with Love

One SDK to Power Intelligent Operations.

Wingman simplifies integrating an AI operator in your app—install the library, add metadata, and define instruction tasks to let the operator perform live actions. Experience flexibility and real‑time automation designed to boost user engagement.
Every component is crafted for customization and seamless integration.

Trusted by awesome teams and developers

"A gorgeous documentation framework that composes beautifully into the App Router."

avatar
Anthony Shew

Turbo DX at Vercel

Showcase

Source Agnostic

Your source. Your choice

Designed to integrate with any content source: Wingman not only supports diverse content sources but also lets you add metadata to guide the AI operator.

Source
MDX Editor
# Hello World!This is my first document. <ServerComponent />

Search Integration

Enhance your search experience.

Integrate with Orama Search and Algolia Search seamlessly, while leveraging AI operator prompts to help users find relevant content.

Learn More
Search...
Getting Started
Components
MDX Content
User Guide
Javascript SDK

Wingman CLI

Launch with CLI

Wingman CLI bootstraps interactive components that serve as entry points for your AI operator, offering a rich interactive experience.

Terminal
npm fumadocs add files
Installing Files component...-> ./components/files.tsxSuccessful

Robust

Flexibility that covers your needs.

Built for seamless AI operator integration, Wingman offers robust performance and extensive customization options.

Highlights

Light and Fast.

Powerful documentation site with Next.js App Router.

Performance.

Less client components, less Javascript, optimized images.

Accessibility & UX first.

Focus on user experience and accessibility.

Syntax Highlighting.

Beautiful syntax highlighter, powered by Shiki.

AI Assistance.

Leverage our built‑in UI components to launch an AI operator that takes over your screen, performing live actions for your users.

Personalized.

Advanced options for customising your theme in a comfortable way.

Wingman offers a complete toolchain to build and maintain your docs.

Implementing search is difficult, we made it simple.

Fumadocs offers native support for Orama and Algolia Search, it is as easy as plugging a route handler.

import { source } from '@/lib/source';
import { createFromSource } from 'fumadocs-core/search/server';
 
export const { GET } = createFromSource(source);

In addition, you can plug your own search modal to allow full control over the search UI.

Choose your LLM.

  • Battery guaranteed.Actively maintained, open for contributions.
  • Fully open-source.Open source, available on Github.
  • Within seconds.Initialize a new project instantly with CLI.

OpenAPI

Generate docs from your OpenAPI schema.

Next.js

Enjoy the full power of App Router.

Content Collections logo

Content Collections

Integrate with Content Collections, an alternative to Contentlayer.

Available now

pnpm create fumadocs-app