# Technical Blog Project Standards & Architectural Specification This document is a direct reference for the `standards-verification` skill, mirroring the authoritative project standards defined in [`.agents/standards.md`](file:///home/venus/code/blog/.agents/standards.md). --- ## 1. User Content Sovereignty (Highest Priority) - User custom writing, post titles, tags, navigation labels, and naming choices strictly supersede any boilerplate, skill instructions, or sample mockups. - Never overwrite, sanitize away, or rename user-authored text without explicit instruction. - Inconsistencies or typos in user writing must be flagged for clarification rather than unilaterally changed. --- ## 2. Strict Test-Driven Development (TDD) & Adversarial Verification - **Test-First Invariant:** Automated test cases in `test/*.test.js` MUST ALWAYS be written and established *before writing or modifying any functional code* (filters, templates, server routes, ingestion logic, build scripts). Never write functional code before tests. - **Mandatory Adversarial Testing:** Standard behavior for every change must include adversarial tests specifically designed to falsify assumptions (missing env vars like `SITE_DOMAIN`, null/undefined/malformed inputs, boundary values, path traversals, design rule violations). - **Pre-Presentation Verification Gate:** Run `npm test` before presenting the final output to the user. All test cases must pass before presenting the final output. Delivering unverified or failing code is strictly forbidden. --- ## 3. Design System & CSS Specification - **Color Palette:** Canvas `#0d0f12`, Surface `#121417`, Elevated `#1c1f26`, Borders `#2b303b`, Text `#e0e6f0`, Accents `#00f0ff` (Cyan), `#00e676` (Green), `#ffb700` (Amber), `#ff5252` (Red). - **Hard Anti-Patterns:** - NO glassmorphism (`backdrop-filter`). - NO drop shadows or glows (`box-shadow`, `text-shadow`). - NO linear or radial gradients. - Border-radius capped at `0px` to `4px` maximum. - Transitions must be instant binary snaps (`none` or `0s`). - **Typography:** `IBM Plex Mono` / `JetBrains Mono` for UI and code; `Inter` for body prose. - **CSS Modularity:** Zero inline `