Lovable vs Zed | agentconfig.ing

Lovable vs ZedComparisonUpdated 2026-03-16

SUMMARY

Lovable (Platform) uses markdown configuration while Zed (Editor) uses markdown. They differ on 3 of 11 compared features. Both tools provide AI-assisted development but take different approaches to project configuration.

FEATURE COMPARISON

Feature	Lovable	Zed	Notes
Config format	markdown	markdown
Hierarchy support	✗	✓	Whether config files can be placed at multiple directory levels
Global config	✗	✓	User-wide configuration outside any project
Project config	✓	✓
Subdirectory scoping	✗	✗	Config files in subdirectories that apply only to that subtree
File inclusion / imports	✗	✗	Ability to include or reference other files from config
Ignore file	✗	✗
IDE integration	Platform	Editor
Schema / structure	Free-form (Markdown)	Free-form (Markdown)	Whether config uses structured schema or free-form content
Git committed	✓	✓	Whether primary config files are intended to be version-controlled
Encoding	UTF-8	UTF-8

FILE MAPPING

Purpose	Lovable	Zed
Project instructions	AGENTS.md	Rules Library

SIDE-BY-SIDE CODE SAMPLES

Lovable

AGENTS.md

markdown

# Project Instructions

## Stack
- React 19 with TypeScript
- Supabase for backend (auth, database, storage)
- TailwindCSS v4 + shadcn/ui components
- Vite for building

## Architecture
- Feature-based folder structure
- Each feature owns its components, hooks, and types
- Shared components in src/components/ui/
- All API calls go through src/lib/supabase.ts

## Conventions
- Use shadcn/ui components before creating custom ones
- Mobile-first responsive design
- Use Supabase RLS policies for authorization
- Prefer server-side filtering over client-side

## Brand
- Primary color: #6366F1 (indigo)
- Font: Inter for body, Cal Sans for headings
- Rounded corners (radius-lg) on all cards

Zed

.rules

markdown

# Project Rules

## Stack
- TypeScript 5.x with strict mode
- React 19 with Server Components
- Tailwind CSS v4
- Drizzle ORM with PostgreSQL

## Code Style
- Prefer named exports over default exports
- Use "use client" directive only when interactivity is required
- Colocate tests in __tests__ directories next to source files
- Use Zod for all runtime validation

## Architecture
- App Router with nested layouts in app/
- Server actions in app/actions/
- Database schema in db/schema.ts
- Shared utilities in lib/

## Commands
- Dev server: pnpm dev
- Type check: pnpm typecheck
- Test: pnpm test
- Lint: pnpm lint

KEY DIFFERENCES

1. Hierarchy support

Lovable: Not supported. Zed: Supported.

2. Global config

Lovable: Not supported. Zed: Supported.

3. IDE integration

Lovable: Platform. Zed: Editor.

WHICH SHOULD I USE?

Recommendation

Choose based on your IDE/CLI preference. If you use Lovable, configure AGENTS.md. If you use Zed, configure .rules. Many projects include config files for multiple tools so each team member can use their preferred editor.

PORTABILITY TIP

sync-instructions.sh

bash

# Maintain a single source of truth:
cp AI-INSTRUCTIONS.md CLAUDE.md
cp AI-INSTRUCTIONS.md .cursorrules
cp AI-INSTRUCTIONS.md AGENTS.md