Here's how Deslop works. (It's called Deslop because it "de-slops" your codebase by stopping AI slop before it lands on main) 1. Define your rules (deslop/rules/react.yaml - you can have many rulebooks) `` yaml id: react-architecture name: React Architecture & Component Safeguards description: >- Enforces presentational UI purity, strict custom hook isolation, and mandatory Design System documentation. rules: # 1. Presentational Purity: Stop UI components from fetching data or touching global state - id: pure-ui-components description: UI components must be presentational only. No direct API or global state coupling. target: "@/components/ui/{{FileName}}" exclude: - "/ .stories" - "/.test" forbids: - import: "@/api/" - import: "@tanstack/react-query" - import: "@/store/ " # e.g., Zustand/Redux stores transitive: true # Stops indirect leakage too fix: >- UI components must be "dumb" and driven entirely by props.β¦