AI Features5 min read

AI Agent mode (Spinini AI)

What is Spinini AI?

Spinini AI is our AI coding agent. Unlike a chat assistant that gives you code to copy, Spinini AI actually writes files, installs packages, and runs commands in your project — all autonomously, in real time.

Describe what you want to build in plain English and watch Spinini AI create it.

Opening Spinini AI

  • •Click the flame icon (⚡) in the left sidebar
  • •Press Ctrl+Shift+A

    • The Spinini AI panel slides in from the right side of the editor.

    Sending a prompt

    Type your request in the text area at the bottom of the panel. Be as specific as you like:

    "Build a REST API with Express that has /users and /posts endpoints with in-memory storage"
    "Add a dark/light theme toggle to my React app using Tailwind CSS"
    "Fix the TypeError on line 42 — the array is undefined"

    Press Enter or click Run to start. Spinini AI will begin working immediately.

    What Spinini AI can do

    Spinini AI has access to:

  • •Read files — it understands your existing codebase before making changes
  • •Write files — creates new files and updates existing ones
  • •Run commands — installs npm/pip packages, builds, runs tests
  • •Search the web — looks up docs and APIs when needed

    • Watching Spinini AI work

    The panel shows a live step-by-step log:

  • •File writes appear as new files in your file tree
  • •Commands run in your container in real time
  • •Errors are caught and automatically retried

    • Auto-fix

    If Spinini AI's output contains errors (a build failure, a runtime exception), a red Auto-fix banner appears. Click it to send the error back to Spinini AI and have it try again automatically.

    Credits

    Each Spinini AI run consumes AI credits. The number of credits used is shown in the session summary after Spinini AI finishes. You can view your balance in the Billing section of your account.

    Tips for better results

  • •Be specific — "add pagination to the user list" beats "improve the app"
  • •Include context — "using Tailwind CSS" or "without any extra libraries"
  • •Iterate — if the first result isn't perfect, follow up: "now add error handling"