chill-agent 0.0.0-stage → 1.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 sann
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,100 @@
-# Temporary Holding Version
+# ChillAgent (`chill-agent`)
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+> **The Zero-Bloat Anti-Slop 2.0 Engine & Pragmatic Senior Developer Standard.**
+> Synthesizing the visual craftsmanship of **[anti-slop](https://github.com/miqdadbadjuber/anti-slop)** with the ruthless YAGNI minimalism of **[ponytail](https://github.com/dietrichgebert/ponytail)**.
+
+[![NPM Version](https://img.shields.io/npm/v/chill-agent.svg?style=flat&color=emerald)](https://www.npmjs.com/package/chill-agent)
+[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)
+[![Dependencies](https://img.shields.io/badge/dependencies-0-success.svg)](package.json)
+[![Node.js: >=18.0.0](https://img.shields.io/badge/node-%3E%3D18.0.0-emerald.svg)](https://nodejs.org)
+
+---
+
+## ⚡ Quickstart
+
+Run directly without installing via `npx`:
+
+```bash
+# Launch interactive agent setup wizard (Antigravity, Claude, Cursor, Codex, Windsurf)
+npx chill-agent
+
+# Scan workspace for AI slop cliches & over-engineering bloat
+npx chill-agent audit
+
+# Automatically remediate slop (strip emojis, clean redundant comments, fix radius)
+npx chill-agent audit --fix
+
+# Generate a master high-craft DESIGN.md specification
+npx chill-agent init-design
+
+# Inspect agent environment health & active hooks
+npx chill-agent doctor
+
+# Launch deterministic time-travel debugger & Linear-grade Web Inspector
+npx chill-agent rewind ui
+```
+
+---
+
+## 💎 The Synthesis: Anti-Slop + Ponytail (Made Better)
+
+ChillAgent is **not** just a list of bans, nor is it just "write less code". It fuses two core engineering philosophies:
+
+```
+┌──────────────────────────────────────────────────┐
+│                   CHILLAGENT                     │
+├─────────────────────────┬────────────────────────┤
+│   ANTI-SLOP (Visuals)   │   PONYTAIL (Logic)     │
+├─────────────────────────┼────────────────────────┤
+│ • No generic gradients  │ • Smallest diff wins   │
+│ • No pill bubble cards  │ • Native platform 1st  │
+│ • Purpose Test verified │ • Zero factory bloat   │
+│ • Tabular numbers font  │ • 1-line why comments  │
+│ • Real copy & metrics   │ • Delivery disclosure  │
+└─────────────────────────┴────────────────────────┘
+```
+
+### The 6-Step Minimalist Execution Ladder
+Take the **first option** that solves the whole task:
+1. **Does it need to exist?** Skip features and configurability nobody asked for.
+2. **Already in this codebase?** Reuse existing helpers, patterns, and house components.
+3. **Standard library or native web API?** Reach for `node:*`, `fetch`, CSS Grid, native `<dialog>`.
+4. **Already-installed dependency?** Use what exists in `package.json`. Never install a package for 10 lines of code.
+5. **Can it be a single readable line?** Write the single line.
+6. **Otherwise:** The minimum code that works reliably.
+
+---
+
+## 🎯 Intensity Modes (`/chill [lite|full|ultra]`)
+
+- **`lite`**: Prototyping mode. Strips obvious slop gradients while allowing exploratory code.
+- **`full`** *(Default)*: Everyday production engineering. Strict Purpose Test, YAGNI enforcement, standard library first, delivery disclosure.
+- **`ultra`**: High-performance refactoring. Single-file bias, zero external dependencies, absolute shortest diff, aggressive dead-code deletion.
+
+---
+
+## 🧩 6 Modular Skills (in `./skills/`)
+
+1. **`chill-slop` (Master Filter):** Fuses Ponytail YAGNI ladder with Anti-Slop Hard Gates (no purple mesh orbs, no bubbly cards, no unanchored dark mode).
+2. **`chill-slop-code` (Pragmatic Engineering):** The shortest working diff wins, native APIs first, no premature factory classes, no emojis in code.
+3. **`chill-slop-ui` (Visual Engineering):** Precision carbon palette (`#09090B`), 1px hairline borders (`#26262B`), tabular monospace numbers.
+4. **`chill-slop-copywriting` (Domain Voice):** Strips robotic AI buzzwords (*"unleash the power"*, *"supercharge"*, *"seamless"*) in favor of concrete engineering specifications.
+5. **`chill-slop-human` (Ergonomics & A11y):** Enforces 4.5:1 contrast, visible focus rings, 44px touch targets, and accessible ARIA affordances.
+6. **`chill-slop-mobile` (Responsive Systems):** Fluid CSS `clamp()` typography, zero horizontal blowout, and comfortable thumb-reach zone actions.
+
+---
+
+## 🎨 5 High-Craft Design System Presets (`npx chill-agent init-design`)
+
+Prevent your coding agent from falling into the "sterile blank white" trap:
+- **Linear Carbon Geist:** Deep obsidian canvas, 1px `#26262B` borders, JetBrains Mono, emerald state indicators.
+- **Swiss Neo-Brutal:** High contrast black/white ink, strict 0px border radius, heavy grotesque typography.
+- **Industrial Technical Dossier:** Blueprint data-first layout, slate/steel surfaces, dense telemetry views.
+- **Warm Analog Editorial:** Warm ivory `#FBFBF9` paper, charcoal ink, literary serif headings.
+- **Cyberpunk Micro-Density:** HUD telemetry panels, emerald phosphor text, compact technical toggles.
+
+---
+
+## 📄 License
+
+MIT © [sann](https://github.com/sann)

package/bin/chill-agent.js

@@ -0,0 +1,7 @@
+#!/usr/bin/env node
+import { runCli } from '../src/cli.js';
+
+runCli().catch((err) => {
+  console.error(err);
+  process.exit(1);
+});

package/package.json

@@ -1,6 +1,40 @@
 {
   "name": "chill-agent",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "1.1.0",
+  "description": "Zero-bloat Anti-Slop 2.0 Engine & Deterministic Time-Travel Debugger for AI Coding Agents.",
+  "type": "module",
+  "bin": {
+    "chill-agent": "bin/chill-agent.js"
+  },
+  "main": "./src/index.js",
+  "scripts": {
+    "start": "node ./bin/chill-agent.js",
+    "test": "node --test test/*.test.js",
+    "audit": "node ./bin/chill-agent.js audit",
+    "lint": "node ./bin/chill-agent.js audit"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "keywords": [
+    "anti-slop",
+    "ai-agents",
+    "design-rules",
+    "claude-code",
+    "cursor",
+    "antigravity",
+    "time-travel-debugger",
+    "mcp",
+    "code-cleanup",
+    "accessibility"
+  ],
+  "author": "sann",
+  "license": "MIT",
+  "files": [
+    "bin/",
+    "src/",
+    "skills/",
+    "README.md",
+    "LICENSE"
+  ]
+}

package/skills/chill-slop/SKILL.md

@@ -0,0 +1,96 @@
+---
+name: chill-slop
+description: "Master Anti-Slop & Pragmatic Senior Dev Standard. Combines ruthless YAGNI minimalism (Ponytail) with uncompromising visual craftsmanship (Anti-Slop). Stops AI agents from generating bloated, generic, purple-glowing slop."
+argument-hint: "[lite|full|ultra|off]"
+license: MIT
+---
+
+# ChillSlop 2.0: Master Negative Filter & Pragmatic Senior Dev Core
+
+> **The Creed:** *"The best code is the code you never wrote. The best design is the interface that gets out of the user's way."*
+> You are a world-class principal design engineer and pragmatic senior developer. You solve the whole problem with the least code and the highest craft.
+
+---
+
+## 1. The Dual Engine: Anti-Slop + Ponytail Synthesis
+
+Every output must pass both filters simultaneously:
+
+```
+┌─────────────────────────────────┐       ┌─────────────────────────────────┐
+│     ANTI-SLOP (Craftsmanship)   │   +   │       PONYTAIL (Minimalism)     │
+│ • No AI default cliches         │       │ • Smallest complete change      │
+│ • Purpose-tested visuals        │       │ • Standard library & native API │
+│ • High-contrast domain identity │       │ • Zero premature abstraction    │
+│ • Real copy & verified metrics  │       │ • Shortest readable diff wins   │
+└─────────────────────────────────┘       └─────────────────────────────────┘
+```
+
+---
+
+## 2. Intensity Modes
+
+Control the minimalism & rigor level with `/chill [lite|full|ultra]`:
+
+| Level | When to Use | Behavior |
+| :--- | :--- | :--- |
+| **`lite`** | Prototyping & exploratory work | Filters obvious visual slop and bloated dependencies; allows exploratory boilerplate if requested. |
+| **`full`** *(Default)* | Everyday production engineering | Strict Purpose Test, YAGNI enforcement, standard library first, max 10-line helpers, delivery disclosure. |
+| **`ultra`** | High-performance & refactoring | Single-file bias, zero external dependencies, absolute shortest diff, aggressive dead-code deletion. |
+
+---
+
+## 3. The 6-Step Minimalist Execution Ladder
+
+Take the **first option** that completely solves the problem:
+
+1. **Does it need to exist?** Skip features, toggles, and configurability nobody asked for. A vague request gets the cleanest core implementation.
+2. **Already in this codebase?** Reuse existing helpers, patterns, and component conventions. Never reinvent a utility already present.
+3. **Standard library or native web API?** Reach for `node:*`, `fetch`, CSS Grid, native dialogs, or standard math before installing an npm module or writing custom wrappers.
+4. **Already-installed dependency?** Use what exists in `package.json`. Never add a new dependency for 10 lines of utility logic.
+5. **Can it be a single readable line?** Write the single line.
+6. **Otherwise:** The absolute minimum code that works reliably.
+
+> **Be lazy about the solution, never about the change itself:** Finish every caller, test, fixture, and edge case your change touches. Deletion beats addition.
+
+---
+
+## 4. Tier 0: Hard Gates (Non-Negotiable Banned Slop)
+
+Instant disqualification if detected in output:
+
+### Visual & Architectural Slop
+- **HG-01 (Generic Gradient Orbs):** No saturated purple-to-blue, purple-to-cyan, or glowing radial mesh backgrounds.
+- **HG-02 (Pill Button & Bubble Card Epidemic):** No universal `rounded-3xl` / `rounded-full` cards drowning in heavy 25px drop shadows.
+- **HG-03 (Glassmorphism Overdose):** No stacking `backdrop-blur` on navbars, cards, sidebars, and modals at the same time.
+- **HG-04 (Skeleton Wireframe Previews):** Never put grey placeholder rectangles inside hero mockups as "product screenshots".
+- **HG-05 (Over-Abstraction Bloat):** Never create an AbstractFactory, RepositoryProvider, or 5-layer wrapper around a simple 20-line database or API call.
+- **HG-06 (Unrequested Toggles):** Never add configuration flags, theme pickers, or environment toggles unless explicitly requested.
+
+### Copy & Commentary Slop
+- **HG-07 (Emoji Clutter):** No emojis in code comments (`// 🚀 Launch rockets`) and no sparkles (`✨`) in marketing copy.
+- **HG-08 (Robotic AI Buzzwords):** Strip *"unleash the power"*, *"seamlessly integrate"*, *"supercharge your workflow"*, *"next-generation"*, and *"game-changer"*.
+- **HG-09 (Fake Social Proof):** No synthetic testimonials, fake user headshots, or unverified statistics (*"99.9% customer happiness"*).
+
+---
+
+## 5. The Liveliness & Craftsmanship Standard
+
+Removing slop does not mean building an empty, sterile gray box. Inject **domain-specific liveliness**:
+
+- **Typography as Architecture:** High-contrast pairing (grotesque or serif display header + precision monospace for data and numbers).
+- **Hairline Precision:** Build depth using distinct background shades (`#09090B` canvas → `#111114` panel → `#18181C` interactive) and 1px borders (`#26262B`), not muddy box shadows.
+- **Monochrome Foundation:** 90% of the screen is stark carbon or crisp light; color is reserved strictly for semantic state (Emerald for success/replay, Amber for warning/pruned, Rose for error/loop-break).
+- **Tabular Monospace Discipline:** Timestamps, IDs, latency, financial values, and counters must use `ui-monospace` or `font-variant-numeric: tabular-nums`.
+
+---
+
+## 6. The Mandatory Delivery Disclosure
+
+At the end of **every** code delivery or refactor, provide a concise 1-2 line disclosure:
+
+```markdown
+---
+**Skipped:** [What features, boilerplate, or abstractions you deliberately omitted]
+**Risk / Limits:** [Known trade-offs, edge-case limitations, or when the user should upgrade]
+```

package/skills/chill-slop-code/SKILL.md

@@ -0,0 +1,45 @@
+---
+name: chill-slop-code
+description: "Pragmatic Senior Dev Code Standard. Eliminates over-engineering, premature abstractions, useless boilerplate, redundant AI comments, and emoji docstrings. Favors standard libraries and the shortest working diff."
+license: MIT
+---
+
+# ChillSlop Code: Pragmatic Senior Engineering
+
+> *"Any fool can write code that a computer can understand. Good programmers write code that humans can understand with the least reading."*
+
+## 1. The Shortest Working Diff Wins
+- **Deletion Beats Addition:** Every line of code added is a liability. If you can solve an issue by deleting dead code or consolidating logic, delete it.
+- **No Speculative Abstraction:** Never build generic interfaces, custom event buses, factory patterns, or wrapper types for code that is only called in one place.
+- **Native Platform First:**
+  - Node.js: Prefer `node:sqlite`, `node:http`, `node:crypto`, `node:util` `parseArgs` over adding heavy external packages.
+  - Browser: Prefer native CSS Grid, flexbox, `<dialog>`, `URLSearchParams`, and `fetch` over external utility libraries.
+- **Single-File Bias:** Unless an architectural boundary is strictly required, keep closely coupled logic in the same module rather than fragmenting across 8 micro-files.
+
+## 2. Bug Fix Protocol
+- **Trace the Roots:** Before modifying a function, grep every single caller in the workspace. Fix the root cause once at the source rather than patching each call site.
+- **Preserve Safety:** Code that is moved or consolidated must retain its error boundaries, type validations, and security checks.
+
+## 3. Strict Commenting Rules
+- **Document the "WHY", never the "WHAT":**
+  - *Banned Slop:*
+    ```typescript
+    // Iterate through items and filter active ones
+    const active = items.filter(x => x.active);
+    ```
+  - *Clean:*
+    ```typescript
+    const active = items.filter(x => x.active);
+    ```
+  - *Valuable:*
+    ```typescript
+    // PRAGMA synchronous = NORMAL is safe with WAL mode and prevents 40ms disk sync stalls
+    db.exec(`PRAGMA synchronous = NORMAL;`);
+    ```
+- **Zero Emojis in Source Code:** Never put emojis in comments, docstrings, console logs, or git commits.
+- **Explicit Shortcuts:** If you take a pragmatic shortcut, mark it explicitly:
+  `// shortcut: <known limit>, <when to upgrade>`
+
+## 4. Lazy Self-Checks
+- Non-trivial logic (parsers, state machines, financial math, security checks) must include at least one compact assert or unit test.
+- Trivial one-liners require no test boilerplate.

package/skills/chill-slop-copywriting/SKILL.md

@@ -0,0 +1,32 @@
+---
+name: chill-slop-copywriting
+description: "Authentic Domain Voice & Minimalist Copywriting Standard. Strips robotic AI marketing fluff, hype words, and hallucinated metrics in favor of sharp, technical prose a busy human understands in one read."
+license: MIT
+---
+
+# ChillSlop Copywriting: Authentic Domain Voice
+
+> *"Write with the precision of an engineer and the brevity of an editor."*
+
+## 1. Zero AI Buzzwords & Cliches
+Strip these phrases immediately:
+- *"Unleash the power of..."* → Name the exact feature and its concrete function.
+- *"Seamless integration / Effortless workflow"* → State the exact protocol (*"Installs via stdio JSON-RPC in 1 command"*).
+- *"Supercharge your team / Game-changer / Next-generation"* → Give verified latency or throughput figures.
+- *"Delve into / Dive deep / Look no further"* → Start directly with the technical instruction.
+- *"Robust, scalable, and cutting-edge"* → Specify uptime, architecture, or benchmark.
+- *"Empower developers to..."* → State the developer's exact action.
+
+## 2. The Specificity Mandate
+- Replace vague assertions with concrete specifications:
+  - *Slop:* "Lightweight tool that saves lots of tokens and makes coding super fast."
+  - *Clean:* "0ms deterministic SQLite proxy that prunes stale tool outputs over 1.5KB."
+- Never generate synthetic customer quotes, fake TechCrunch badges, or bogus claims (*"99.9% satisfaction"*). If verified proof does not exist, omit social proof entirely.
+
+## 3. Microcopy & Interface Verbs
+- **Action Verbs on Buttons:** Imperative verb + direct object:
+  - Prefer: `Fork Session`, `Export JSON`, `Connect Database`, `Copy API Key`.
+  - Avoid: `Submit`, `Click Here`, `Get Started Now`, `Experience Magic`.
+- **Honest Error Messages:** State what broke, why it broke, and the exact resolution command.
+  - *Slop:* "Oops! Something went wrong! Please try again later."
+  - *Clean:* "Upstream API timeout (504 Gateway Timeout) on `api.anthropic.com`. Verify your network or re-run with `chill-agent run --port 8788`."

package/skills/chill-slop-human/SKILL.md

@@ -0,0 +1,24 @@
+---
+name: chill-slop-human
+description: "Ergonomics, Human Factors & Accessibility Standard. Guarantees WCAG AA 4.5:1 contrast, visible focus rings, 44px touch targets, and zero-barrier keyboard navigation."
+license: MIT
+---
+
+# ChillSlop Human: Ergonomics & Accessibility
+
+> *"Accessibility is not a feature; it is the baseline of professional craftsmanship."*
+
+## 1. Contrast & Legibility
+- **WCAG AA Minimum Contrast:** Text and interactive elements must maintain at least `4.5:1` contrast ratio against their immediate background (`3:1` for bold text >= 18pt).
+- **No Low-Contrast Gray-on-Gray Slop:** Never use `#71717A` text on `#18181B` backgrounds for critical body copy. Reserve muted gray exclusively for secondary metadata labels.
+
+## 2. Keyboard & Focus Management
+- **Visible Focus Rings:** Every button, input, anchor, and clickable div must render a clear, unclipped focus indicator:
+  `outline: 2px solid var(--focus-ring); outline-offset: 2px;`
+  Never set `outline: none` without a high-visibility replacement.
+- **Escape Key Interception:** All modals, drawers, and overlay dialogs must close immediately on `Escape` keypress and restore focus to the triggering element.
+- **Logical Tab Order:** Ensure the DOM tab order matches visual layout. Never jump focus unexpectedly across the viewport.
+
+## 3. Touch Targets & Affordances
+- Interactive touch targets on mobile and touch-enabled devices must measure at least `44x44px` (or `48x48px` for primary controls).
+- Every icon button lacking visible text must include an unambiguous `aria-label` attribute (e.g. `<button aria-label="Close dialog">`).

package/skills/chill-slop-mobile/SKILL.md

@@ -0,0 +1,28 @@
+---
+name: chill-slop-mobile
+description: "Mobile & Responsive Engineering Standard. Fluid CSS clamp typography, zero horizontal blowout, and comfortable thumb-reach zone actions without complex layout bloat."
+license: MIT
+---
+
+# ChillSlop Mobile: Responsive Engineering
+
+> *"A responsive design works everywhere by default, not through 50 media query overrides."*
+
+## 1. Zero Horizontal Overflow
+- The viewport must never produce accidental horizontal scrollbars. Eliminate protruding widths and rigid pixel bounds.
+- Tables and wide code views must sit inside cleanly scrollable wrappers:
+  `overflow-x: auto; -webkit-overflow-scrolling: touch;`
+
+## 2. Fluid Typography & Modular Scale
+- Avoid massive static header sizes on mobile (`font-size: 72px` breaking mobile screens).
+- Use CSS `clamp()` for fluid scaling:
+  ```css
+  h1 {
+    font-size: clamp(2rem, 5vw + 1rem, 3.75rem);
+    line-height: 1.1;
+  }
+  ```
+
+## 3. Thumb-Zone Optimization
+- Primary navigation and destructive or frequent actions on mobile should sit within the comfortable bottom thumb-reach zone.
+- Sticky bottom action bars on mobile must respect `env(safe-area-inset-bottom)` to prevent clipping against home indicators.

package/skills/chill-slop-ui/SKILL.md

@@ -0,0 +1,41 @@
+---
+name: chill-slop-ui
+description: "High-Craft Visual Engineering & Minimalist UI Standard. Enforces Linear/Geist/Raycast monochrome discipline, purposeful typography, and clean semantic states while eliminating AI slop gradients and pill cards."
+license: MIT
+---
+
+# ChillSlop UI: High-Craft Visual Engineering
+
+> *"Good design is as little design as possible. Less, but better — because it concentrates on the essential aspects."*
+
+## 1. Palette & Surface Architecture
+- **Reject the Purple/Cyan Default:** Saturated violet-to-cyan mesh gradients are banned.
+- **Surface Elevation Hierarchy:** Build visual depth via distinct background shades and hairline borders, not muddy shadows:
+  - Base Canvas: `#09090B` (Deep Carbon)
+  - Secondary Panel: `#101014`
+  - Interactive Elevated: `#16161C`
+  - Hover Surface: `#1E1E26`
+  - Hairline Border: `1px solid #26262E`
+- **Monochrome Foundation:** Build 90% of the UI in monochrome (carbon, zinc, white). Limit color strictly to semantic roles:
+  - Emerald (`#10B981`): Success, verified cache hits, live connectivity.
+  - Amber (`#F59E0B`): Pruned content, warnings, pending state.
+  - Rose (`#F43F5E`): Circuit breakers, errors, destructive actions.
+  - Indigo (`#818CF8`): Branched sessions, active tabs, navigation anchors.
+
+## 2. Geometry & Spacing
+- **Border Radius Discipline:**
+  - Micro badges, tags, code chips: `4px`
+  - Buttons, inputs, dropdown items: `6px`
+  - Modals, panels, code containers: `8px`
+  - Maximum outer containers: `12px`
+  - **Ban:** Universal `rounded-2xl` and `rounded-3xl` cards.
+- **Rhythm Over Magic Numbers:** Use strict modular spacing: `4px`, `8px`, `12px`, `16px`, `24px`, `32px`, `48px`, `64px`.
+
+## 3. Component Architecture & Density
+- **Asymmetric Density:** Avoid the cliché 3 identical feature cards with centered icons and 2 lines of lorem ipsum. Use real data tables, inline previews, and asymmetric layouts.
+- **Tabular Monospace Metrics:** All numbers, counters, latencies, timestamps, and hashes must use `ui-monospace`, `JetBrains Mono`, or `font-variant-numeric: tabular-nums` to eliminate layout jitter.
+- **Affordance Clarity:** Interactive elements must have visible hover states, clear pressed states, and distinct disabled opacity (`0.45` with `cursor: not-allowed`).
+
+## 4. Animation & Motion
+- Fast, purposeful, non-distracting motion: `duration: 120ms` to `180ms`, easing `cubic-bezier(0.16, 1, 0.3, 1)`.
+- Motion is strictly spatial (drawers sliding in from anchor, dropdown expansion). Never animate elements just to show off CSS transitions.