mazrean/wsh2026

wsh-crok-render-optimization

Crok AI chat rendering optimization — SSE debouncing, ChatMessage memoization, Markdown re-render prevention

لغة النص الأصلي: الإنجليزية

wsh-dm-optimization

DM page and flow optimization — afterSave hook, message rendering, unread count queries for WSH 2026

لغة النص الأصلي: الإنجليزية

wsh-home-optimization

Home page performance optimization — Post defaultScope, SSR data reduction, lazy media hydration for WSH 2026 CaX app

لغة النص الأصلي: الإنجليزية

wsh-lazy-modal

Lazy loading modal containers and route components to reduce initial bundle size — CrokContainer, NewPostModalContainer

لغة النص الأصلي: الإنجليزية

wsh-sse-optimization

SSE streaming optimization — batching char-by-char events and debouncing React re-renders for Crok AI chat performance

لغة النص الأصلي: الإنجليزية

checking-wsh-vrt

Runs Visual Regression Testing (VRT) locally to prevent disqualification in Web Speed Hackathon. Captures screenshots, compares against baselines, updates snapshots, and validates visual integrity after performance optimizations. Use when optimizing WSH apps,…

لغة النص الأصلي: الإنجليزية

winning-web-speed-hackathon

Optimizes deliberately slow web applications for maximum Lighthouse scores in Web Speed Hackathon (CyberAgent). Use when participating in WSH or performing aggressive frontend performance optimization on React/Node.js apps with SQLite backends. Covers bundle…

لغة النص الأصلي: الإنجليزية

wsh-code-splitting

Code splitting strategies for WSH 2026 — React.lazy, Suspense, splitChunks, and route-based splitting for the CaX app.

لغة النص الأصلي: الإنجليزية

wsh-crok-optimization

Removing artificial delays in Crok AI chat SSE endpoint for WSH 2026 user flow scoring.

لغة النص الأصلي: الإنجليزية

wsh-dependency-cleanup

Strategies for removing bloated WASM/JS dependencies in WSH 2026 — FFmpeg, ImageMagick, Web LLM, jQuery, moment, lodash, core-js, regenerator-runtime, and related replacements.

لغة النص الأصلي: الإنجليزية

wsh-font-optimization

Font optimization for WSH 2026 — font-display swap, font subsetting, WOFF2 conversion, and preloading for ReiNoAreMincho and KaTeX fonts.

لغة النص الأصلي: الإنجليزية

wsh-image-optimization

Image optimization for WSH 2026 — AVIF/WebP conversion, image resizing, GIF-to-video conversion, lazy loading, and CoveredImage component refactoring.

لغة النص الأصلي: الإنجليزية

wsh-jquery-removal

Replacing jQuery with native fetch API in WSH 2026. Covers async:false sync XHR replacement, fetchBinary, fetchJSON, sendFile, sendJSON, and ProvidePlugin removal.

لغة النص الأصلي: الإنجليزية

wsh-production-build

Webpack production mode, source map removal, minification, and optimization flags for WSH 2026. Covers mode, devtool, minimize, splitChunks, concatenateModules, usedExports, and Babel target modernization.

لغة النص الأصلي: الإنجليزية

wsh-react-mount

Fixing React mount timing in WSH 2026 — changing from window.load to DOMContentLoaded for earlier hydration.

لغة النص الأصلي: الإنجليزية

wsh-server-tuning

Server-side optimizations for WSH 2026 — compression (gzip/brotli), cache headers, static asset caching, artificial delay removal, and Express tuning.

لغة النص الأصلي: الإنجليزية

wsh-tailwind-static

Replacing Tailwind CSS browser runtime with build-time CSS generation for WSH 2026. Covers @tailwindcss/browser removal, PostCSS or CLI integration, and Tailwind v4 config migration.

لغة النص الأصلي: الإنجليزية

planning-wsh-improvements

Analyzes a Web Speed Hackathon project, researches each improvement topic in depth, stores research as Agent Skills, and generates executable Claude Code commands for each optimization. Use when starting WSH optimization, creating an optimization roadmap, or…

لغة النص الأصلي: الإنجليزية