LEARN • CONFIGURE • BUILD

Learn Vinnaani

Everything you need to understand, configure and use every Vinnaani service — from your first project to shipped, traceable code.

Step-by-Step Guides
Configure Every Service
Feature Walkthroughs
Real Project Flows
Team & Enterprise

Vinnaani — learn-app · deployed ✓

EXPLORER

▾ src

App.tsx

Lesson.tsx

api.ts

▾ tests

app.spec.ts

1import { teach } from 'vinnaani'

3export async function learn() {

4 const idea = 'Build a todo app'

5 return teach(idea)

6+ practice(idea, { tests: true })

8// ✓ 24 tests passed · build ok

✦ ASK VINNAANIDeployed! You shipped your first app.

LearnGuided lessons

✓

PracticeHands-on labs

✓

BuildReal projects

✓

InnovateShip your idea

✓

Learn Vinnaani · step by step

🚀

Getting Started

Understand the shell, set up your first project and pick your stack.

⟨⟩

Building Code

Code Generation, Build Intelligence, Fullstack, Checkpoints, Story DNA, Decision Memory.

🔌

MCP, Delivery & Automation

MCP Server, MCP Connect, MCP Chat, Git Doctor, JASS extensions — and client updates that mail themselves when a sprint closes.

🎓

Security & Enterprise

Sovereign Mode, login & RBAC, plans, associates and team controls.

Structured Learning Paths

Choose a path based on your goal. Each step opens the matching topic in the explorer below — in the order you should learn it.

🌱

Beginner

New to Vinnaani? Start here.

4 topics · 1 project setup

🖥️

Builder

Generate and evolve code safely.

5 topics · 4 flows

🔌

MCP & Delivery

Connect every service, plan the sprint, ship, then tell the client.

5 topics · 4 flows

☁️

Enterprise & Admin

Lock it down, scale the team.

4 topics · admin setup

Featured Walkthroughs

One narrated video for every service and menu — one to two minutes each, with captions. Pick a section, then click a video to play it.

▶1:57

What Vinnaani is

An AI-native desktop IDE

Start · 1:57

▶1:47

UI Flow — pages & navigation

How the screens fit together

Start · 1:47

▶1:44

Multi Projects

Up to 5 projects, one-click switch

Start · 1:44

▶1:57

Tech Stack

Stacks the setup wizard supports

Start · 1:57

▶1:50

Architecture

How the pieces work together

Start · 1:50

▶1:57

Main Menu

Title bar menus & shortcuts

IDE · 1:57

▶2:03

Activity Bar

The left icon rail

IDE · 2:03

▶1:48

Explorer

File tree & context menus

IDE · 1:48

▶1:46

Code Editor

Tabs, completions, find, AI review

IDE · 1:46

▶1:59

Terminal & Problems

Shells and errors

IDE · 1:59

▶2:04

Git & Source Control

Repository panel + status chip

IDE · 2:04

▶1:39

Drag & Drop

Move files, open tabs, attach

IDE · 1:39

Service & menu guide

Every service and every menu, step by step

Everything in the AI Studio right rail — the Vinnaani AI Center, Service Connect and everyBasic, Pro and Pro Plus menu from Project Setup to Sprint Demo — what each one needs before it works, every field you fill, the exact steps, what it produces and how to fix the messages you may see.

Click any step or service chip to open it in the explorer below.

Smart Basic

Basic plans (Individual & Corporate)

Needs

Ready as soon as an LLM provider is configured — otherwise the card says “Configure LLM”.

Unlocks: Design to Code, Voice Chat, Easy Chat, Doc’s Chat, Project Document and the lightweight AI work.

Smart Hub

Pro plans (Individual & Corporate)

Needs

The Hub menu opens with LLM alone; user-story sync and code generation need Jira / Rally too — the card says “Add Jira/Rally for stories” until then.

Unlocks: Figma Config, Project Management, Confluence Config and Repository Config pages, the Service Connect menus, and the Pro code-generation menus.

Power Suite

Pro Plus plans (Individual & Corporate)

Needs

Ready when all four services are configured — until then the card shows “Enable Remaining Services”.

Unlocks: The full stack: Figma to Code, Figma to Jira, advanced Code Generation, Master Requirements & Solutions, DevOps Automation, Cloud Connect, Story DNA, Decision Memory, Stakeholder Mode, Sprint Orchestration and Sprint Demo.

Explore every Vinnaani service

Every Vinnaani AI Center page, Service Connect page and right-rail menu — Basic, Pro, Pro Plus and Team — plus how the IDE works underneath: what each one does, what it needs, every field, the steps and how to fix its messages. Click a topic or let it auto-play.

Vinnaaniauto-touring · 1 / 64

Getting started

The IDE

Vinnaani AI Center

Service Connect

Code Generation · Basic

Code Generation · Pro

Code Generation · Pro Plus

Team Setting

How generation works

MCP & extensions

Security & enterprise

Plans & help

Getting started

What Vinnaani is

An AI-native desktop IDE

WhereTitle bar → Learn (book icon) → OverviewPlanEvery plan

Vinnaani is a desktop code editor with an AI assistant built in. Give it a Figma design, a Jira story, a project document or a plain-English request and it writes the code into the project on your own computer. Your account, plan and project records are kept centrally; your files, terminal and local AI tools stay on your machine.

Before you start

Vinnaani installed on Windows, macOS or Linux
A Vinnaani account (Individual or Corporate), signed in
An LLM provider connected in Vinnaani AI Center before any AI feature except Project Setup works

What you fill in

IDE coreExplorer, code editor, Search, Repository Connect (Git), Extensions, AI Checkpoints, and a bottom panel with Terminal and Problems.

AI StudioThe collapsible right rail listing every AI feature, grouped by plan: Basic, Pro and Pro Plus.

Vinnaani MCP ServerA tool server shipped inside the IDE, with 100+ tools over Jira, Confluence, Figma, your repository and the open workspace.

Vinnaani backendHandles sign-in, plans, project mapping, setup catalogs and code-generation history.

Step by step

1Launch Vinnaani and sign in.
2Connect an LLM provider in Vinnaani AI Center (AI Studio → “Vinnaani AI Center” → LLM Config).
3Run “Project Setup” to create a new project or register an existing one — Frontend, Backend or both.
4Open the project folder and confirm whether it is Frontend, Backend or Both.
5Edit code in the editor, run it in the Terminal and fix what the Problems tab lists.
6Use Easy Chat, Doc’s Chat, Code Generation or Bug Fix to generate or change code — review every AI change before accepting it.
7Commit and push from Repository Connect or the Git chip in the status bar.

What you get

One window from design → story → code → commitAI changes you review first, with checkpoints to undo themLocal-first work: files, terminal and MCP server run on your machine

Good to know

The MCP server starts with the app — you never install or launch it.
Locked menus stay visible; hovering explains exactly what to do.

If you see this message

“Connect an LLM provider first to unlock this feature”

Click the locked entry — it opens LLM Connect to configure a cloud provider or local Ollama.

“Server unreachable / offline screen”

Check your network connection, then retry.

📄

Documentation

Detailed guides and API references.

📦

Service & Menu Guide

Every service and right-rail menu: requirements, fields, steps and fixes.

▶

Feature Walkthroughs

Step-by-step videos per feature.

👥

Community & Support

Get help from our team and community.

Keep Learning. Keep Building.

Start your 30-day free trial — every plan, every feature, no card required up front.

64Learning topics

75+MCP tools

40+Voice languages