AI Assistant

Meno includes a built-in AI assistant powered by Claude. It can make your workflow much faster by editing pages, creating components, and running commands -- all from a chat panel in the editor sidebar.

Getting Started

To use the AI Assistant you need to configure your API settings. Add a Claude API key, which charges based on your usage.

Type your prompt, press Enter, and the AI Assistant will update your project files. Once it finishes, you can review the changes and click Accept. The updates appear immediately in the canvas and in the files.

From here you have two options. You can keep editing visually with Studio, or you can continue talking with the AI Assistant to make further changes.

Terminal Mode

If you prefer a terminal-based workflow, you can switch the AI panel to a full terminal. Click the three dots menu in the AI panel and choose Switch to Terminal.

Claude Code requires a separate installation. You can find instructions at claude.ai/code. Once installed, open the terminal in Studio and type claude to start it. It works directly on your project files just like the built-in assistant.

The Starter project includes a CLAUDE.md file and a .claude folder pre-configured for Meno, so Claude Code understands how to work with your project out of the box.

When using Claude Code, you may want to tell it which element you are working on. Select an element on the canvas, then click the three dots in the top right corner of Studio and choose Copy selected path. This copies the file path and the location of the selected element within that file to your clipboard, so you can paste it into your prompt. The built-in AI Assistant receives this context automatically, so this feature is only needed when using a terminal-based tool.

Next Steps

• Claude Code Integration -- terminal-based AI workflows with pre-configured agents

• Editor Overview -- learn the editor interface

• Building Components -- create reusable components

• CMS -- manage dynamic content with collections