Skip to main content

Documentation Index

Fetch the complete documentation index at: https://docs.flowstep.ai/llms.txt

Use this file to discover all available pages before exploring further.

Flowstep exposes its design tools over the Model Context Protocol, letting your AI assistant create and iterate on UI screens without leaving your editor. The server is hosted at https://api.flowstep.ai/mcp (Streamable HTTP transport). No local process to run.

What you can do

The server exposes 16 tools across five categories:
CategoryTools
Filescreate-file, list-files, get-file, update-file, delete-file, generate-file-name
Screenslist-screens, get-screen, get-screen-image
AI generationai-prompt, upload-attachment
Chatget-chat-history
Designget-design-guidelines, update-design-guidelines, delete-design-guidelines
Billingget-plan-details

Common use cases

Generate screens from a prompt — ask your AI assistant to create a new Flowstep file, run ai-prompt, then call get-screen-image to see the result inline. Visualise a React component — upload your .jsx or .tsx file via upload-attachment (use mimeType: text/javascript), then pass the returned attachment into ai-prompt with a message describing the component. Flowstep reads the source and generates a matching design screen. Iterate on a design — generate a base screen, upload it as an attachment, and call ai-prompt again with instructions to modify it. Maintain design guidelines — call get-design-guidelines to retrieve your current style rules (colours, typography, spacing, tone), then use update-design-guidelines to keep them in sync as your design evolves. Passing consistent guidelines into ai-prompt ensures every generated screen stays on-brand. Use delete-design-guidelines to reset them entirely. Audit quota — call get-plan-details to see remaining daily and monthly usage before kicking off a batch of generations.

Endpoint

https://api.flowstep.ai/mcp
Transport: Streamable HTTP. Session model: stateless (each request is independent, no session ID).

Next steps

Quickstart

First tool call in under 5 minutes with Cursor.

Authentication

How OAuth 2.1 PKCE works and how tokens are issued.

Tools

Full input/output reference for all 16 tools.

Examples

End-to-end workflows for common tasks.