diff --git a/.tidyfactor b/.tidyfactor index 55a5bd1..cab56ce 100644 --- a/.tidyfactor +++ b/.tidyfactor @@ -2,10 +2,10 @@ "ecosystem": "tidyfactor", "track": "design", "name": "tidyfactor-design", - "version": "1.9.0", + "version": "1.10.0", "npmPackage": "@alwkala/tidyfactor-design", "github": "https://github.com/TidyFactor/Design", - "skillFile": "../tidyfactor-design-v1.9.0.skill", + "skillFile": "../tidyfactor-design-v1.10.0.skill", "category": "design-system", "type": "interactive-prototyping", "outputs": [ diff --git a/CHANGELOG.md b/CHANGELOG.md index 4eb67c9..e7593c0 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -2,6 +2,26 @@ All notable changes to the **[@tidyfactor/design](https://www.npmjs.com/package/@tidyfactor/design)** package will be documented in this file. +## [1.10.0] - 2026-09-05 + +### 🛡️ Added — Expanded 66-Rule Anti-Slop Mechanical Quality Gate (9 Categories) +- **Comprehensive UI/UX Governance & Lint Checklist (`references/memory/06-quality-bar.md`)**: + - Expanded the original 16 AI anti-pattern tells into an exhaustive **66-rule mechanical quality audit matrix** organized into 9 domain categories: + 1. **Category I: Color & Surface (Rules 1–21)**: Bans Cream-and-Terracotta tropes (`#F4F1EA` + serif + `#D97757`), Near-Black-and-Acid-Accent tropes, Tinted-Black as pure black, Dark mode as pure naive inversion, and Low-contrast text-on-image without scrims. + 2. **Category II: Typography (Rules 22–28)**: Bans single-word headline accents, ubiquitous all-caps labels, unnecessary eyebrows, non-tabular monospace data labels, unjustified body rivers, flat serif/sans pairings without contrast, and lines exceeding 80 characters (`max-width: 65ch`). + 3. **Category III: Layout & Composition (Rules 29–36)**: Bans numbered badges on non-sequential cards, middle-dot meta strings, em-dash label patterns, uniform unhierarchical border-radii, identical soft shadows under every card, default big-number-small-label hero crutches, broadsheet newspaper hairlines, and reflexive center-alignment. + 4. **Category IV: Decoration & Motion (Rules 37–41)**: Bans repetitive fade-and-slide-up animations across consecutive sections, compulsive arrow-appended CTAs (`→`), decorative icon-heading soup, decorative gradient washes as fillers, and unmotivated motion without user interaction or state meaning. + 5. **Category V: Interaction & State Design (Rules 42–47)**: Bans unstyled disabled states, missing loading/skeleton states, empty states left as blank voids, missing error states on forms, hover effects on non-interactive elements, and removal of focus rings without custom accessible replacements (`outline: none`). + 6. **Category VI: Internationalization & Accessibility (Rules 48–53)**: Bans un-mirrored directional icons in RTL, color as the sole signal for status, contrast ratios below WCAG AA (4.5:1 body / 3:1 display), semantic div soup, ignored `prefers-reduced-motion` preferences, and un-localized date/number formats. + 7. **Category VII: Performance & Technical Hygiene (Rules 54–58)**: Bans unset image dimensions causing CLS layout shifts, render-blocking `