UI Maintenance Framework (cbmaintain)¶
Status: Active Purpose: UI standards, responsive design tools, and accessibility compliance for Campaign Brain
Overview¶
cbmaintain provides tools and documentation for maintaining consistent, accessible UI across the Campaign Brain platform. It includes:
- UI Standards Framework - WCAG 2.1 AA compliance guidelines
- Responsive Scanner - Automated tool for auditing responsive layouts
- Cleanup Documentation - Applied standards for cbapp
Quick Links¶
- UI Cleanup Guide - Applied changes and standards
- UI Standards - Scanner skill documentation
- FastHTML Patterns - Pattern library
Core Standards¶
Responsive Design¶
- Fluid Typography - CSS
clamp()based scaling - Touch Targets - 44px minimum on mobile (WCAG 2.5.5)
- Focus States - Visible indicators (WCAG 2.4.7)
- Breakpoints - Mobile (<768px), Tablet (768-1023px), Desktop (1024px+)
Running the Scanner¶
cd docs/UI-STANDARDS
pip install playwright anthropic
playwright install chromium
python scan.py https://your-app.com --pages / /dashboard --output ./results
Files¶
| File | Description |
|---|---|
UI-CLEANUP.md |
Standards applied to cbapp |
UI-STANDARDS/scan.py |
Responsive layout scanner |
UI-STANDARDS/SKILL.md |
Scanner documentation |
UI-STANDARDS/fasthtml-patterns.md |
FastHTML component patterns |