web▌

Audit UI code against Web Interface Guidelines with automated compliance checking. \n \n Fetches the latest guidelines from a remote source before each review, ensuring rules stay current \n Accepts file paths or patterns to review, or prompts the user if none are specified \n Outputs findings in a concise file:line format for quick issue identification \n Covers all rules defined in the fetched guidelines, including design, accessibility, and UX patterns \n

Framework-agnostic rules for accessible, performant, responsive web interfaces aligned with WCAG 2.2 and modern web standards. \n \n Comprehensive accessibility guidance covering semantic HTML, ARIA, keyboard navigation, focus management, color contrast, forms, and error handling with specific WCAG success criteria mappings \n Mobile-first responsive design using modern CSS (clamp, container queries, logical properties) and touch-friendly targets; no horizontal scrolling at 320px width \n Perfor

Extract structured data from websites using BeautifulSoup and requests - turn any webpage into usable data.

Principle-based design patterns for website sections that avoid AI-generated aesthetics. \n \n Covers five core section types: heroes, cards, CTAs, trust signals, and testimonials with context-specific guidance for different business types \n Teaches WHY and WHEN to use each pattern, not just templates; includes explicit anti-patterns like democratic design, perfect symmetry, and generic copy \n Provides cross-cutting principles on hierarchy, asymmetry, and restraint that apply across all patter

Skill by ara.so — Daily 2026 Skills collection.

Production-ready integration patterns for Mapbox GL JS across React, Vue, Svelte, Angular, and vanilla JavaScript. \n \n Covers framework-specific lifecycle management (useEffect/useRef in React, mounted/unmounted in Vue, onMount/onDestroy in Svelte, ngOnInit/ngOnDestroy in Angular) with proper cleanup to prevent memory leaks \n Includes Web Components pattern for framework-agnostic reusable map elements and cross-framework compatibility \n Provides token management via environment variables, Se

Visual snapshot testing for web renderer components using vitest fixtures. \n \n Create test fixtures in packages/web-renderer/src/test/fixtures that define a React component, dimensions, frame rate, and duration \n Register fixtures in packages/web-renderer/src/test/Root.tsx to enable preview functionality \n Write test cases that render stills using renderStillOnWeb() and validate output with testImage() snapshot comparison \n Run tests with bunx vitest src/test/video.test.tsx and update docum

Web service architecture with async handlers, type-safe extractors, and middleware composition. \n \n Enforces async-first design to prevent blocking request handlers; use spawn_blocking for CPU-intensive work \n Manages shared application state via Arc<T> and Arc<RwLock<T>> to ensure thread safety across concurrent requests \n Provides extractor pattern for request parsing and validation (e.g., State(db) , Json(payload) ) with unified error responses via IntoResponse \n Supports

CloudBase document database Web SDK for querying, creating, updating, and deleting data in web applications. \n \n Supports CRUD operations, complex queries with operators (gt, gte, lt, lte, eq, neq, in, nin), and method chaining for filtering, sorting, and field selection \n Includes pagination via skip/limit, aggregation pipelines, geolocation queries, and real-time data synchronization with watch() listeners \n Requires SDK initialization with environment ID and authentication before database

Performance optimization patterns for Mapbox GL JS applications, prioritized by user impact. \n \n Eliminate initialization waterfalls by loading map data in parallel with map initialization, and set precise viewport to avoid redundant tile fetches \n Use symbol layers for 100+ markers (GPU-accelerated) and clustering for 10,000+ features; avoid HTML markers at scale \n Choose GeoJSON for datasets under 5 MB, vector tiles for 20+ MB; implement viewport-based loading to reduce bandwidth \n Always