SECTION 01

Overview & Design Principles

Atelier is an open-source agent skill and Model Context Protocol (MCP) quality gate engineered for modern vibe-coding workflows. Unlike generic style rules that only enforce code minimalism, Atelier establishes two active post-generation quality critics:

1. UI/UX Critic

Guarantees visual hierarchy, strict 8px spacing scales, WCAG AA color contrast, responsive layout bounds, and eliminates unsemantic template clichés.

2. Backend Architecture Guard

Enforces zero plain-text secrets, mandatory transient error retries with exponential backoff, atomic database transactions, rate limiting, and exhaustive error boundaries.

SECTION 02

Quickstart & Installation

Run the automated one-click setup script to compile the TypeScript MCP server, verify adapter synchronization across all 5 IDE targets, and test the critic tools:

Terminal Setup

# 1-Liner: Install all editor adapters directly via npx
npx -y atelier-quality-gate install

# Or clone for full MCP server & local evaluation benchmarks:
git clone https://github.com/anshrajore/atelier-mcp.git
cd atelier-mcp
./setup.sh

SECTION 03

MCP Client Configuration

Configure Atelier with Claude Desktop, Cursor, or Windsurf by adding the MCP server entry to your settings JSON:

mcp_config.json

{
  "mcpServers": {
    "atelier": {
      "command": "node",
      "args": ["/absolute/path/to/atelier/mcp-server/dist/index.js"],
      "env": {
        "ATELIER_LLM_PROVIDER": "heuristic"
      }
    }
  }
}