Introduction to Codewick

What is Codewick?

Codewick is an AI-powered desktop coding environment for macOS that turns natural language into working software. Instead of relying on a single AI model for everything, Codewick routes your requests through a six-stage pipeline, selecting the best model for each stage via OpenRouter. The result is faster, more reliable code generation than any single model can deliver on its own.

Think of it as a full development environment — editor, browser, terminal, and AI — unified in one window, with the AI wired into every part of the workflow.

Who is Codewick for?

Codewick is built for people who want to build software by describing what they want, rather than writing every line by hand.

• Vibe coders who think in ideas, not syntax. Describe an app and watch it materialize.
• Indie developers shipping side projects, MVPs, and client work on tight timelines.
• Designers and founders who want to prototype functional applications without assembling a dev team.
• Experienced developers who want AI assistance that goes beyond autocomplete — handling architecture, debugging, and code review in an integrated loop.

You don’t need to be a programmer to use Codewick, but programmers will find it accelerates their work significantly.

What makes Codewick different?

Multi-model routing

Most AI coding tools send every request to a single model. Codewick takes a different approach. Each stage of development — from understanding your intent to reviewing the final code — is handled by a model selected specifically for that task. A model that excels at planning handles the planning. A model that excels at code generation handles the building. You get the strengths of multiple models without managing any of them yourself.

The six stages are:

1. Orchestration — Interprets your request and coordinates the pipeline.
2. Planning — Breaks the work into a structured task list with dependencies.
3. Building — Writes the actual code, file by file.
4. UI Generation — Produces front-end markup, styles, and component logic.
5. Debugging — Detects and fixes errors in the generated code.
6. Review — Evaluates code quality, catches edge cases, and suggests improvements.

You can customize which model handles each stage, or let Codewick choose automatically.

Local-first architecture

Your code never leaves your machine. Codewick runs as a native macOS desktop app built on Tauri, and all project files live on your local filesystem. AI requests are sent to model providers through OpenRouter, but your source code is not uploaded, stored, or used for training. If you close Codewick, your files are still right where you left them — in a normal folder on your disk.

Built-in Chromium browser with element selection

Codewick ships with an integrated browser panel that live-previews your application as the AI builds it. But it goes further: you can click on any element in the preview and ask the AI to change it. Select a button, say “make this rounded with a gradient background,” and Codewick identifies the corresponding code and applies the change. No digging through the DOM yourself.

Cost transparency

AI usage costs real money, and Codewick doesn’t hide that. Your subscription includes a usage allocation, and the app shows you what each request costs as it runs. There are no surprise bills — you pick a plan, and usage is metered clearly within it.

Automatic checkpoints

Every time the AI modifies your project, Codewick saves a checkpoint. You can roll back to any previous state instantly. This means you can experiment freely — if the AI takes a wrong turn, undo it in one click and try a different prompt.

The workspace at a glance

When you open Codewick, you’ll see a three-column layout:

• Left rail — Navigation icons for the file explorer, chat, code editor, git panel, and checkpoints.
• Center workspace — Where you chat with the AI and edit code. Tabs let you switch between the conversation view and file editor.
• Right panel — The built-in browser showing a live preview of your application.

Each panel is resizable, collapsible, and designed to stay out of your way until you need it. The terminal is accessible from within the workspace for running commands directly.

Quick feature overview

Feature	Description
Chat interface	Describe what you want in plain English
Monaco editor	Full-featured code editor with syntax highlighting and IntelliSense
Live browser	Chromium-based preview with element selection
Terminal	Integrated shell for running commands
File explorer	Browse and manage your project files
Git integration	Commit, branch, and manage version control visually
Checkpoints	Automatic snapshots after every AI action
Model routing	Different AI models for different pipeline stages

How the AI pipeline works

Here is a simplified view of what happens when you type a request:

You: "Build a todo app with drag-and-drop reordering"
        │
        ▼
┌─ Orchestration ─┐   Understands your intent, determines scope
        │
        ▼
┌─── Planning ────┐   Breaks work into tasks: data model, components, styling
        │
        ▼
┌─── Building ────┐   Writes code across multiple files
        │
        ▼
┌─ UI Generation ─┐   Produces the component markup and styles
        │
        ▼
┌── Debugging ────┐   Runs the code, catches errors, applies fixes
        │
        ▼
┌──── Review ─────┐   Checks quality, suggests improvements
        │
        ▼
Code appears in your editor. Preview loads in the browser.

Each stage can iterate — if the debugger finds an issue, it loops back to the builder. If the reviewer flags a problem, it triggers a targeted fix. The pipeline is not strictly linear; it adapts to the complexity of the task.

Pricing

Codewick offers four subscription tiers, billed monthly through Stripe:

Plan	Price	Best for
Lite	$10/month	Casual exploration and small projects
Daily	$25/month	Regular use for side projects and learning
Pro	$100/month	Serious development work and client projects
Max	$200/month	Heavy daily use and professional teams

All plans include access to the full pipeline. Higher tiers provide larger usage allocations so you can run more requests per month.

What’s next?

Ready to get started? Head to the Installation page to download Codewick and set up your workspace.