← all publishers

anouar1991

@anouar1991 source repo

Report this profile Claim this profile

• 33 skills
• 0 followers
• 1 week ago last updated

1. ▌
   Dom Churn Profiler · anouar1991 bundle

   Identify which DOM subtrees cause excessive mutations and jank by injecting MutationObserver and Long Animation Frame instrumentation. Correlates DOM churn with long frames to pinpoint the source of visual instability.
   1 install
2. ▌
   Font Loading Audit · anouar1991

   Audits font loading behavior: FOIT/FOUT detection via timed screenshots, font-display validation per family, font file sizes and format efficiency (WOFF2 vs WOFF vs TTF), preload link validation, unused font declarations, and subsetting opportunities. Produces a font-by-font report with loading timeline and recommendations.
   1 install
3. ▌
   Third Party Impact · anouar1991 bundle

   Categorizes every third-party script by type (analytics, ads, social, tag managers, CDN libraries, fonts). Measures blocking time per script via Long Task attribution, byte weight per category, render-blocking identification, and connection cost per unique domain. Produces an impact breakdown report.
   1 install
4. ▌
   Network Mock Server · anouar1991

   Set up request interception to mock API responses: record real responses for baseline, replay them deterministically, modify response fields, add latency per endpoint, simulate errors, and persist mocks across navigation. Supports both Playwright page.route() and CDP Fetch domain for lower-level control.
   1 install
5. ▌
   Console Intelligence · anouar1991

   Capture and categorize all console output with stack traces, source attribution, frequency deduplication, and temporal grouping. Uses CDP Runtime and Log domains for browser-level entries and unhandled exceptions.
   1 install
6. ▌
   CSS Coverage Treemap · anouar1991

   Collect CSS rule usage via Chrome DevTools Protocol (CDP) and report per-stylesheet coverage with unused selector analysis.
   1 install
7. ▌
   Memory Leak Detector · anouar1991 bundle

   Detect JavaScript memory leaks by measuring JS heap size and DOM node count across repeated interactions. Uses CDP HeapProfiler.collectGarbage for forced GC, analyzes growth trends, and reports leak rate per iteration.
   1 install
8. ▌
   Accessibility Journey · anouar1991

   Audit keyboard navigation by tabbing through a page, capturing focus state at each stop, and running axe-core for WCAG violations.
   1 install
9. ▌
   Core Web Vitals Audit · anouar1991 bundle

   Measure Core Web Vitals (LCP, INP, CLS) with full attribution across mobile, tablet, and desktop viewports. Produces a multi-viewport report card with pass/fail grades, element-level attribution, and annotated screenshots.
   1 install
10. ▌
    Page Efficiency Score · anouar1991 bundle

    Compute a composite 0-100 efficiency score using JS/CSS coverage, render-blocking resources, transfer size, and navigation timing via CDP.
    1 install
11. ▌
    Viewport Exposure Map · anouar1991

    Track element visibility during scroll using IntersectionObserver and generate an exposure heatmap showing which content users actually see.
    1 install
12. ▌
    Error Injection Tester · anouar1991

    Test application resilience by injecting failures: offline mode, blocked resources, API error responses (500/403/timeout), JS exceptions, localStorage quota exceeded, and slow network (3G). Captures app response to each failure including error UI, console errors, and graceful degradation.
    1 install
13. ▌
    Image Optimization Audit · anouar1991 bundle

    Analyzes every image on a page: format efficiency (WebP/AVIF vs legacy), dimension vs display size ratio, lazy loading correctness, responsive images (srcset/sizes/picture), above-fold images that should not be lazy, total weight with savings estimate, missing width/height (CLS risk), and broken images. Produces an image-by-image report with actionable recommendations.
    1 install
14. ▌
    Responsive Design Tester · anouar1991 bundle

    Tests a page across a six-device viewport matrix (Mobile S/M/L, Tablet, Desktop, Ultrawide). For each viewport captures a screenshot, detects active CSS media queries, checks horizontal overflow, validates touch targets (min 48x48), font readability (min 16px body), viewport meta tag, and image srcset/sizes. Produces a comparison table with per-viewport issue counts.
    1 install
15. ▌
    Visual Regression Cinema · anouar1991 bundle

    Record video of browser interactions, extract frames at scene-change boundaries, pixel-diff consecutive frames, and produce a filmstrip of meaningful visual transitions.
    1 install
16. ▌
    Network Request Inspector · anouar1991

    Intercept all HTTP requests/responses with full headers, timing breakdown (DNS, connect, TLS, TTFB, download), status codes, payload sizes, CORS validation, and redirect chain analysis via CDP Network domain.
    1 install
17. ▌
    Interaction Replay Debugger · anouar1991

    Capture and analyze every user interaction with full Event Timing API breakdown (inputDelay, processingTime, presentationDelay). Correlate with Long Animation Frames and console errors to produce a ranked report of the slowest interactions and compute INP.
    1 install
18. ▌
    Zimbra Administration · anouar1991 bundle

    This skill should be used when the user asks about "zmprov commands", "zmcontrol", "Zimbra users", "domain management", "Zimbra server configuration", "create mailbox", "delete account", "Zimbra COS", "class of service", "Zimbra LDAP attributes", or mentions managing Zimbra servers. Provides comprehensive administration guidance for Zimbra 8.x, 9.x, and 10.x.
    1 install
19. ▌
    Pwa Audit · anouar1991

    Audits Progressive Web App readiness: manifest validation, service worker status and scope, offline capability test, HTTPS enforcement, installability criteria, push notification permission, and cache strategy analysis. Produces a PWA scorecard with pass/fail per criterion.
    1 install
20. ▌
    SEO Audit · anouar1991 bundle

    Comprehensive SEO audit: meta tags, Open Graph/Twitter Card validation, heading hierarchy, image alt coverage, structured data (JSON-LD) extraction, hreflang, internal/external link analysis, and robots.txt/sitemap.xml checking.
    1 install
21. ▌
    Zimlet Modern Development · anouar1991 bundle

    This skill should be used when the user asks about "modern zimlet", "Preact zimlet", "React zimlet", "zimlet GraphQL", "zimlet slots", "zimlet CLI", "Zimbra X zimlet", "zm-x-web", "zimlet-cli", or mentions developing zimlets for Zimbra Modern Web Client. Covers component-based zimlet development.
    1 install
22. ▌
    Zimlet Classic Development · anouar1991

    This skill should be used when the user asks about "classic zimlet", "zimlet XML", "zimlet handler", "zimlet panels", "zimlet dialogs", "zimlet context menu", "zimlet keyboard shortcut", "com_zimbra zimlet", or mentions developing zimlets for Zimbra Classic Web Client. Covers XML-based zimlet development.
    1 install
23. ▌
    Zimbra Mail Flow · anouar1991

    This skill should be used when the user asks about "Postfix configuration", "mail queue", "content filter", "mail routing", "amavisd", "milter", "SMTP relay", "mail delivery", "MTA settings", "message flow", or mentions mail transport issues with Zimbra. Provides guidance for mail flow configuration and troubleshooting.
    1 install
24. ▌
    Zimlet Debugging · anouar1991 bundle

    This skill should be used when the user asks about "zimlet sideloader", "debug zimlet", "zimlet not loading", "zimlet error", "zimlet console", "zimlet dev mode", "zimlet hot reload", "zimlet breakpoint", or mentions troubleshooting zimlet development. Covers debugging techniques for both Classic and Modern zimlets.
    1 install
25. ▌
    Form Debugger · anouar1991

    Analyze all forms on a page: validation states, autocomplete attribute coverage, label/input association, required field audit, submission behavior interception, password field security, and ARIA attributes on custom controls.
    1 install
26. ▌
    Loading Story · anouar1991 bundle

    Capture timed screenshots during page load, overlay with network waterfall data, and produce a visual narrative of the loading experience with annotated filmstrip.
    1 install
27. ▌
    Security Audit · anouar1991 bundle

    Comprehensive security posture audit: TLS certificate validation, CSP analysis, mixed content detection, cookie security flags, SRI checks, security headers (HSTS, X-Frame-Options), and open redirect detection via CDP Security and Audits domains.
    1 install
28. ▌
    State Inspector · anouar1991

    Detect the frontend framework (React, Vue, Angular, Svelte) and inspect application state: React fiber tree traversal with component props/state/hooks via __REACT_DEVTOOLS_GLOBAL_HOOK__, Vue instance tree via __VUE__, and store inspection for Redux, Vuex, Pinia, Zustand, MobX, and Jotai. Supports state snapshots before/after user actions for diffing.
    1 install
29. ▌
    Dark Mode Tester · anouar1991

    Test light and dark color scheme rendering by emulating prefers-color-scheme via CDP, capturing screenshots in both modes, computing WCAG 2.1 contrast ratios for all visible text, detecting hardcoded colors that ignore scheme changes, and validating color-scheme meta/CSS declarations.
    1 install
30. ▌
    Ab Visual Compare · anouar1991 bundle

    Compare two URLs (or same URL at different viewports, or before/after deployment) visually and structurally using pixel diffing and accessibility tree comparison.
    1 install
31. ▌
    Storage Inspector · anouar1991

    Dump and analyze all client-side storage: localStorage, sessionStorage, cookies with full attributes, IndexedDB schemas and record counts, Cache API contents, and storage quota usage via CDP Storage and IndexedDB domains.
    1 install
32. ▌
    Websocket Monitor · anouar1991

    Monitor WebSocket connections via CDP: lifecycle events, message payloads with JSON auto-parse, frequency and size analysis, latency measurement, reconnection tracking, and Socket.IO/engine.io protocol detection.
    1 install
33. ▌
    Animation Profiler · anouar1991

    Profile CSS and JS animations: identify all running animations via CDP Animation domain, measure frame rates with requestAnimationFrame, detect expensive layout-triggering property animations vs compositor-only, audit will-change usage, and detect jank via long-animation-frame entries.
    1 install