Quality for all AI Code
Building the sovereign quality architecture for AI-generated software. Fine-tuned models, gradeable critic rulesets, and native IDE agents built in India for the world.
Try the Live Quality Gate in Your Browser
Paste your component or backend handler below, or select a failure preset to see the mechanical AST rule engine detect violations and generate concrete repairs.
Values 19px and 13px violate the 4px/8px design system harmonic token scale.
Multiple nested rainbow gradient fills and heavy drop shadows create cognitive clutter.
1-Click Setup Across Any AI Editor
Select your preferred development environment to copy the exact configuration or run the single automated installation command.
Cursor IDE Configuration
Connect Atelier MCP server over stdio and bind cursor rules with automatic project-level overrides.
{
"mcpServers": {
"atelier": {
"command": "npx",
"args": ["-y", "atelier-quality-gate", "serve"],
"env": {
"ATELIER_LLM_PROVIDER": "heuristic"
}
}
}
}Why Code Minimalism Rules Alone Are Not Enough
Existing tools enforce brevity only. Atelier establishes an end-to-end quality critic that grades design precision and backend soundness before code reaches production.
| DIMENSION | GENERIC / STATIC RULES | ATELIER TWO-AGENT GATE |
|---|---|---|
| Scope of Quality Gate | ✕Code minimalism & token reduction only | ✓Two-Agent Critic: UI/UX Quality Gate + Backend Architecture Guard |
| Rule Verification Method | ✕Subjective text instructions with non-deterministic compliance | ✓36 mechanically gradeable checks (AST parsing, Regex, Schema validation) |
| Execution Model | ✕Static prompt injected into context window | ✓Self-hostable fine-tuned Qwen 1.5B/7B + MCP Stdio Server + Frontier fallback |
| Design & UX Enforcement | ✕None (ignores spacing scale, contrast, focus states, and cliches) | ✓Rigorous 8px grid, WCAG AA contrast, focus rings, and decorative ceiling bounds |
| Backend & Systems Soundness | ✕None (ignores hardcoded secrets, rate limits, and orphan paths) | ✓Prevents plain-text tokens, unhandled HTTP retries, and missing catch branches |
| Automated Remediation | ✕Manual developer intervention | ✓1-click automated fix engine via `atelier fix` and MCP `generate_fix` |
How the Two-Agent Quality Gate Operates
Every file generated by your AI coding assistant is intercepted, evaluated across two specialized critic layers, and graded against 36 rule signatures.
Real-World Before / Critique / After
Witness how Atelier evaluates flawed vibe-coded snippets, extracts mechanical rule violations, and yields unified remediation diffs.
1: export const AnalyticsCard = ({ title, count }) => {
2: return (
3: <div className="p-[19px] bg-gradient-to-r from-purple-500 to-indigo-600 rounded-lg shadow-2xl">
4: <h3 className="text-white text-lg font-bold">{title}</h3>
5: <p className="text-gray-300 text-2xl">{count}</p>
6: <button className="mt-4 px-4 py-2 bg-black text-white hover:opacity-80">
7: Inspect Metric
8: </button>
9: </div>
10: );
11: };1: export const AnalyticsCard = ({ title, count }) => {
2: return (
3: <div className="p-5 bg-white border border-gray-200 rounded-2xl shadow-sm">
4: <h3 className="text-gray-900 text-base font-semibold">{title}</h3>
5: <p className="text-gray-500 text-2xl font-mono mt-1">{count}</p>
6: <button className="mt-4 px-4 py-2 rounded-full border border-gray-200 bg-gray-50 text-gray-900 hover:bg-gray-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gray-900 transition-colors font-sans text-xs font-medium">
7: Inspect Metric
8: </button>
9: </div>
10: );
11: };36 Mechanically Gradeable Quality Checks
Every rule is defined in skills/atelier/SKILL.md with exact pass/fail signatures, AST labeling checks, and automated fixes.
Arbitrary 8px Spacing Grid
Forbids ad-hoc pixel margins/paddings (`p-[19px]`, `gap-[13px]`). Enforces strict 4px/8px modular scale.
Fluid Responsive Layout Scaling
Guarantees components adapt from mobile (375px) to 4K displays without horizontal content clipping.
WCAG AA Contrast Ratio (4.5:1)
Enforces minimum 4.5:1 text-to-background contrast across all interactive and informative states.
Typography & Line-Height Bounds
Disallows oversized untracked type; requires proportional line heights (`leading-relaxed`, `leading-snug`).
Visual Hierarchy & Token Discipline
Restricts page to 2 font families, maximum 3 font weights, and semantic tokenized surface colors.
Anti-Cliché Decorative Ceiling
Rejects unsemantic rainbow gradients, glowing borders, icon-stuffed bento boxes, and headline biscuit pills.
No Raw <img> Without Next/Image
Mandates next/image with explicit width, height, and priority tags to prevent Layout Shift (CLS).
Client Boundary Minimization
Enforces default React Server Components; limits 'use client' strictly to interactive leaves.
Semantic Heading Hierarchy (Single H1)
Ensures strictly one H1 per page followed by logically ordered H2-H6 heading tags for accessibility.
Clean CSS Token Architecture
Forbids arbitrary ad-hoc inline styles; requires Tailwind design tokens defined in theme config.
Focus-Visible Indicator Enforcement
Interactive buttons, inputs, and links must define explicit focus-visible rings for keyboard navigation.
Fluid Container Breakpoints
Rejects hardcoded container widths (`w-[980px]`) in favor of fluid `max-w-7xl px-4 sm:px-6` constraints.
Zero Plaintext Secrets / Tokens
Scans for hardcoded JWTs, AWS keys, Stripe tokens, and connection strings; mandates environment configs.
Transient Error Retries & Backoff
All external network I/O calls must configure timeouts and exponential backoff on 5xx responses.
Atomic Multi-Entity Transactions
Database mutations touching multiple tables must run within explicit ACID transaction boundaries.
Exhaustive Error Catch Boundaries
Guarantees all asynchronous promises and route handlers catch errors and emit structured JSON.
Strict Input Sanitization & Schemas
Requires runtime validation (e.g. Zod, Joi) on all external parameters and request payloads.
Explicit Rate Limiting & Throttling
Public API endpoints must define rate limit headers, bucket sizes, and 429 status handlers.
Credential Separation via Vaults
Forbids inline API keys in n8n Function/Code nodes; enforces n8n credential vault references.
Deterministic Schema Assertions
Requires node output schemas to be strictly defined before downstream JSON mapping.
Pagination & Batch Size Caps
Loops fetching external APIs must specify maximum batch sizes (default 50) and cursor pagination.
Idempotent Webhook Processing
Webhook receivers must check unique idempotency keys to prevent duplicate transaction execution.
Exhaustive Error Trigger Branches
Requires 'On Error: Continue' nodes to wire into dedicated notification/dead-letter queue branches.
Sanitized Logging (No PII Leakage)
Logs emitted to external monitoring tools must mask sensitive personal and financial attributes.
Rigorous Empirical Recall Across All 36 Rules
Evaluated against the synthetic validation suite of 1,659 golden triples containing intentional violations and remediated ground-truth code.
| EVALUATOR / CRITIC ARCHITECTURE | PRECISION | RECALL | F1 SCORE | P95 LATENCY | COST / 1K RUNS |
|---|---|---|---|---|---|
Atelier Deterministic EngineDEFAULT CRITIC AST / Regex Heuristic Engine | 100.0% | 100.0% | 100.0% | 12 ms | $0.00 |
Atelier Fine-Tuned Model (Qwen 1.5B/7B)SELF-HOSTED Self-Hostable MLX / GGUF LoRA | 94.8% | 92.1% | 93.4% | 420 ms | $0.00 (Local GPU) |
Frontier Teacher (Claude 3.5 Sonnet)FRONTIER FALLBACK Cloud API Fallback | 98.2% | 95.7% | 96.9% | 1,480 ms | $15.00 / 1k runs |
Ponytail / Static Rule BaselineSTATIC PROMPT Prompt-Only Injection | 31.2% | 24.3% | 27.3% | N/A (Upstream LLM) | Variable |
Plugs into Your Favorite AI Coding Tool
All 5 editor adapters are automatically generated and synchronized against SKILL.md to guarantee zero drift.
node scripts/check-sync.jsEngineered & Developed by Ansh Rajore
Ansh Rajore is a software engineer and AI systems researcher dedicated to building robust autonomous coding environments, mechanical quality gates, and edge-deployable AI models.
Frustrated by how modern vibe-coding tools chronically hallucinate uncalibrated UI layouts, arbitrary padding, unsemantic gradients, and brittle backend architecture, Ansh architected Atelier to bridge the gap between creative AI code generation and rigorous production engineering standards.
Get Started in Under 60 Seconds
Run standalone via terminal CLI, start the MCP stdio daemon, or add Atelier directly to your Claude Desktop or Cursor configuration.
# 1. Audit any directory or component for 36 quality violations
npx -y atelier-quality-gate audit ./src/components/Hero.tsx
# 2. Automatically repair violations in-place
npx -y atelier-quality-gate fix ./src/components
# 3. Install quality gate adapters across all local editors
npx -y atelier-quality-gate install allHow to Use Atelier
From zero to fully integrated quality gate in under 5 minutes. Follow each step to set up audit, auto-fix, IDE adapters, and MCP.
Install the CLI
One command — zero config. Works on macOS, Linux & Windows.
Atelier runs as a global npx command. No signup, no API key, no config files. It downloads once and caches automatically.
The -y flag auto-confirms the install prompt. Works in CMD, PowerShell, Git Bash, WSL, and all Unix terminals.
1# Install & run (auto-caches after first use)2npx -y atelier-quality-gate help34# Verify installation — shows version + system info5npx -y atelier-quality-gate info