WeWeb AI

Welcome to WeWeb AI! WeWeb AI allows you to build web applications through natural language, by building everything you need for you, including designs, workflows, formulas, and much more.

Design & Layouts

• Intro to WeWeb AI - Learn the basics of WeWeb AI
• AI Modes - Understanding the different AI modes and when to use them
• Passing Context to AI - Use the AI context manager, element selection, and file attachments
• Generating Components - Create custom components with AI

Getting started

To use WeWeb AI in your project:

1. Click Agents in the top bar (or press Cmd+L / Ctrl+L) to open the pinned panel on the left
2. Choose WeWeb AI if you want to build inside the editor, or connect an external agent such as Claude, ChatGPT, or Cursor over MCP
3. Describe in the chat what you want to build in natural language
4. Pick an AI mode if you need something more specific than Build

Building with an external agent? See Intro to WeWeb MCP →.

AI capabilities

• Designs and design systems: Create and modify page layouts, UI elements, and build consistent design systems with typographies, colors, and spacings
• Planning: Use Plan mode to review a build plan before anything is created
• Workflows: Build and improve workflows
• Formulas: Write and update formulas
• Custom coded components: Develop and edit custom coded components
• WeWeb assistance: Get answers to your questions about using the platform in Ask mode
• Backend integration: Create database tables, generate serverless functions, and set up secure API connections
• External agents: Connect Claude, ChatGPT, Cursor, and other MCP clients to work on the same project from outside the editor

Best Practices

• Be specific in your descriptions
• Provide context about your project
• Review and test AI-generated elements
• Combine AI with manual customization
• Use the feedback from each generation and iterate in chat when results need refinement

Each section above provides detailed information about specific aspects of WeWeb AI. Click on any link to learn more about that feature and how to use it effectively in your projects.