1076 个 · 按相关度排序
Measure page loading speed and identify what prevents a page from loading in under three seconds. Use performance measurements to guide improvements such as lazy loading, caching, CDN delivery, and reducing resource costs.
中文简介正在准备中。当前显示英语简介。
Find optional features that slow the first page load and defer their code until a user interacts. Use dynamic imports, which load code on demand, and add immediate loading feedback while preserving the initial page experience.
中文简介正在准备中。当前显示英语简介。
Automate web page tasks such as clicking, filling forms, uploading and downloading files, and taking screenshots. Work across tabs using a browser on the connected host machine or inside a Docker container.
中文简介正在准备中。当前显示英语简介。
Audit website images for search visibility and loading performance, then prioritize fixes. Check descriptive text, file sizes, and loading settings, convert files to WebP or AVIF, and add creator and copyright metadata.
中文简介正在准备中。当前显示英语简介。
Build React and TypeScript pages with guidance for data fetching, loading states, styling, and navigation. Organize code by feature and apply lazy loading, which loads components when needed, using patterns for MUI v7 and TanStack Router/Query.
中文简介正在准备中。当前显示英语简介。
Build a burning-paper loading ring that keeps moving during heavy page setup. The skill covers background rendering, progress display, a smooth transition into the page, and support for reduced motion preferences.
中文简介正在准备中。当前显示英语简介。
Validate and use CPU offloading in Megatron Bridge, including layer-level activation offloading and fractional optimizer state offloading with HybridDeviceOptimizer.
中文简介正在准备中。当前显示原文说明。
Intelligent network quality analysis with adaptive loading strategies. Detects connection type (2g/3g/4g), bandwidth, RTT, and save-data mode, then automatically triggers appropriate optimization workflows. Includes decision trees that recommend image compression for slow connections, critical CSS inlining for high RTT, and save-data optimizations (disable autoplay, reduce quality). Features connection-aware performance budgets (500KB for 2g, 1.5MB for 3g, 3MB for 4g+) and adaptive loading implementation guides. Cross-skill integration with Loading (TTFB impact), Media (responsive images), and Core Web Vitals (connection impact on LCP/INP). Use when the user asks about slow connections, mobile optimization, save-data support, or adaptive loading strategies. Compatible with Chrome DevTools MCP.
中文简介正在准备中。当前显示原文说明。
Implements hub-and-spoke lazy loading to minimize token usage in large skills. Use when building multi-module skills that need conditional on-demand loading.
中文简介正在准备中。当前显示原文说明。
Fix Flutter home feed / main screen stuck on loading spinner after login when using Riverpod StreamProvider that watches GoRouter location changes. Use when: (1) Screen shows BrandedLoadingIndicator or CircularProgressIndicator permanently after successful auth redirect, (2) Widget watches a route-type-gating provider that returns AsyncValue.loading() intermittently, (3) Logs show route location oscillating between stale and current paths during post-login transition (e.g., /welcome/* after /home/0), (4) Provider chain has double-gate: widget gates on pageContext AND data provider also gates on pageContext. Distinct from riverpod-infinite-rebuild-loop (rapid rebuilds) — this causes permanent loading state, not infinite rebuilds.
中文简介正在准备中。当前显示原文说明。
Generic loading UI repair for Pattern Patrol P8. Use when you find 'Loading...' text, unlabeled spinners, meaningless pulses, Suspense fallbacks, or loading placeholders, or when running a P8 patrol.
中文简介正在准备中。当前显示原文说明。
在React或Next.js中实现拖动、滑动手势、文字和SVG动画，涵盖多阶段动作、滚动与光标跟随及加载状态，并帮助按用途选择API。
用于 Nuxt 4 应用开发、审查和性能改善，防止服务端与浏览器显示不一致，并整理数据获取、各页面的渲染与缓存规则及延迟加载方式。
Review website images for high-density displays, where standard assets can look blurry. Check higher-resolution versions, HTML and CSS image selection, delivery settings, and loading behavior, then identify specific files or components that need changes.
中文简介正在准备中。当前显示英语简介。
Review website JPEGs for progressive encoding, which displays a blurry preview before sharpening. Identify images that could use this format, consider file size and loading behavior together, and explain how to confirm the change in browser developer tools.
中文简介正在准备中。当前显示英语简介。
Audit page loading and choose resource hints, browser instructions for fetching files or preparing connections early. Use measurements to identify delays, then suggest preload, preconnect, prefetch, or dns-prefetch for critical assets, external services, and likely next-page resources.
中文简介正在准备中。当前显示英语简介。
Find CSS and JavaScript that delay a page’s first visible content. Confirm the bottleneck with browser tools or performance data, then adjust loading behavior and inline essential styles to help the page start rendering sooner.
中文简介正在准备中。当前显示英语简介。
Review long pages and dashboards to defer heavy components until they approach the visible screen area. Identify unnecessary initial JavaScript, introduce visibility-based loading, and preserve layout space so scrolling content is ready when needed.
中文简介正在准备中。当前显示英语简介。
Review website image delivery and configure an image CDN, a service that optimizes and distributes images. Check file formats, dimensions, loading behavior, and initial screen impact, with guidance on verifying changes in DevTools.
中文简介正在准备中。当前显示英语简介。
Measure how Google Tag Manager affects page loading and rendering. Identify costly tags, triggers, and requests, then guide cleanup, asynchronous loading, or a move to server-side processing based on observed performance problems.
中文简介正在准备中。当前显示英语简介。
Review loading priorities for key images, fonts, and CSS, then adjust fetchpriority hints so important resources receive attention earlier. Use it to improve LCP, the time until the largest visible content appears.
中文简介正在准备中。当前显示英语简介。
Review website images and delivery settings to introduce AVIF, an image format with efficient compression. Check image size and loading behavior, and provide WebP or JPEG alternatives for browsers that do not support AVIF.
中文简介正在准备中。当前显示英语简介。
Build a catalog from multiple skill directories using an explicit priority order. Review duplicate names, selection decisions, and omitted entries before loading the instruction text of the chosen skill.
中文简介正在准备中。当前显示英语简介。
Build Angular interfaces that handle loading, errors, and data display. This skill guides component work involving asynchronous data, which arrives after a request, and helps organize the interface states needed to present it.
中文简介正在准备中。当前显示英语简介。