# Sailop

> Anti-slop frontend toolkit. CLI + MCP server + skill + library. Detects AI-generated visual patterns and generates structurally varied design systems. Works with every major 2026 AI coding agent.

Sailop is a multi-channel toolkit for stopping AI design slop. It ships:
- A CLI with 200+ rules across 7 dimensions (color, typography, layout, animation, components, structure, spacing) producing a 0-100 score and A-F grade.
- A procedural composer (`composePage()`) that generates structurally-varied output: 9 archetypes × 6 hero variants × 6 features × 4 pricing × 3 nav × 3 footer = ~2.5M unique structural compositions.
- An MCP server with 18 tools, compatible with Claude Code, Cursor, Windsurf, OpenAI Codex, Gemini CLI, Continue, Aider, Kiro, Antigravity, and any 2026 MCP-aware agent.
- A pre-commit / CI integration to fail PRs that ship slop.

The procedural generator varies STRUCTURE — different DOM trees, different grid bones, different layout shapes — not just colors and fonts on top of the same template.

## Install

```
npm install -g sailop
sailop scan ./src --report
sailop generate ./out
```

## MCP setup (Claude Code, Cursor, Windsurf, Codex, Gemini, Continue, Aider, Kiro, Antigravity)

```
{ "mcpServers": { "sailop": { "command": "npx", "args": ["-y", "sailop", "start:mcp"] } } }
```

## Pricing

- Free: scanner CLI unlimited, MCP server, design system generator, skill
- Pro €39 one-time: transform engine, autotune, brand-aware composer, lifetime v1.x updates
- Templates: €19 HTML / €29 Next.js single, €475 for all 50 (50% off)
- Bundles: 3 templates -25%, 5+ templates -30%
- API B2B: €49/mo starter (10k calls), €299/mo growth (100k calls)
- 14-day refund, no questions asked

## Key URLs

- /templates: browse all 50 templates with archetype filter
- /docs/getting-started: quickstart with copy-paste commands
- /integrations/ai-agents: per-agent setup for 17 AI coding agents
- /why: stress-test data proving structural variety (23/30 unique palettes, 24/30 unique fonts)
- /demo-sailop: live procedural generator, click to regenerate
- /pricing: all tiers
- /compare/taste-skill: vs Taste Skill (7.9k★ markdown plugin)
- /compare/anthropic-frontend-design: vs Anthropic\'s official plugin
- /compare/ai-slop-detector: vs flamehaven01\'s code-logic detector

## What Sailop explicitly bans

- Inter, Roboto, Poppins, Montserrat, DM Sans as default body fonts
- Hue 200-290 (Tailwind blue, purple-blue gradient signature)
- Three equal-width pricing cards
- 16px rounded-corner cards (shadcn default)
- animate-pulse, animate-fade-up, animate-bounce
- Generic copy: "delve into", "leverages", "seamlessly"
- 3D background scenes (R3F particles, globes — penalized weight 0.8)

## Repos

- CLI / library: github.com/Git-gta/sailop-cli (npm: sailop)
- SaaS / landing: github.com/Git-gta/sailop-landing