Review image loading settings based on where images appear on a page. Identify offscreen images that should load later, keep important visible images loading promptly, and add image dimensions to reduce layout shifts.
- Reviewing lazy loading for images below the first screen
- Checking loading priority for hero images
- Adding dimensions to lazy-loaded images
thedaviddias/Front-End-Checklist☆ 74.5KUpdated Oct 6, 2026
Check whether images visible when a page first opens are unnecessarily lazy loaded, meaning their loading is deferred. Verify rendering delays with performance measurements, then guide changes to loading attributes and request priority.
- Review loading settings for hero images
- Investigate image loading delays affecting LCP
- Adjust loading attributes for images in the initial viewport
thedaviddias/Front-End-Checklist☆ 74.5KUpdated Oct 6, 2026
Audit page loading and defer offscreen images, videos, iframes, and heavy components until needed. Use measurements and page context to identify suitable changes while keeping images needed for the initial view loaded with priority.
- Investigate slow initial page loads
- Defer images below the initial viewport
- Delay offscreen videos, iframes, and heavy components
thedaviddias/Front-End-Checklist☆ 74.5KUpdated Oct 6, 2026
Inspect web font loading to identify invisible text, rendering delays, and layout shifts. Use measured evidence to guide fallback text display, preloading of important fonts, and the use of compressed formats such as WOFF2.
- Investigating invisible text during font loading
- Reviewing font-related layout shifts
- Adding fallback text display and font preloading
thedaviddias/Front-End-Checklist☆ 74.5KUpdated Oct 6, 2026
Review images needed when a page first opens, checking file size, display dimensions, and loading priority. Identify changes to preload settings and lazy loading that help the main visual content appear sooner.
- Reviewing hero image loading priority
- Finding lazy-loaded images in the initial viewport
- Checking image fixes in DevTools
thedaviddias/Front-End-Checklist☆ 74.5KUpdated Oct 6, 2026
Investigate attacks that make legitimate Windows applications load malicious DLL files. This skill examines loading events, digital signatures, file hashes, and unusual locations, then checks process behavior to document suspicious cases and guide remediation.
- Investigating alerts about unsigned DLL files
- Hunting for persistent threats using legitimate applications
- Checking suspicious DLL loading paths
mukul975/Anthropic-Cybersecurity-Skills☆ 34.7KUpdated Aug 31, 2026
Intelligent loading performance analysis with automated workflows for TTFB investigation (DNS/connection/server breakdown), render-blocking detection, script performance deep dive (first vs third-party attribution), font optimization, and resource hints validation. Includes decision trees that automatically analyze TTFB sub-parts when slow, detect script loading anti-patterns (async/defer/preload conflicts), identify render-blocking resources, and validate resource hints usage. Features workflows for complete loading audit (6 phases), backend performance investigation, and priority optimization. Cross-skill integration with Core Web Vitals (LCP resource loading), Interaction (script execution blocking), and Media (lazy loading strategy). Use when the user asks about TTFB, FCP, render-blocking, slow loading, font performance, script optimization, or resource hints. Compatible with Chrome DevTools MCP.
The English summary is being prepared. Showing the original description.
nucliweb/webperf-snippets☆ 1.5KUpdated Oct 19, 2026
Review and implement loading feedback for operations such as fetching content or submitting actions. Use skeleton placeholders, spinners, and accessible status updates to communicate progress, while checking for layout shifts and measuring actual performance bottlenecks.
- Adding loading feedback during data fetching
- Showing progress while an action is running
- Checking screen reader announcements for loading states
thedaviddias/Front-End-Checklist☆ 74.5KUpdated Oct 6, 2026
Review website images for file format, size, dimensions, and loading behavior. Produce improved HTML with image variants for different screen sizes, suitable compression, and deferred loading where appropriate, while addressing loading speed and layout shifts.
- Auditing image sizes and formats on slow-loading pages
- Serving suitable image sizes for mobile and desktop screens
- Preventing layout shifts while images load
thedaviddias/Front-End-Checklist☆ 74.5KUpdated Oct 6, 2026
Build asset loading for Three.js scenes, including 3D models, textures, and HDR images for backgrounds and reflections. Coordinate multiple files, track loading progress, reuse cached assets, and handle failures with retries or fallback files.
- Load GLTF/GLB models into a Three.js scene
- Show loading progress across multiple assets
- Use HDR images for backgrounds and reflections
calesthio/OpenMontage☆ 69.9KUpdated Oct 17, 2026
Improve website loading and responsiveness by optimizing images, fonts, scripts, and caching. Identify priorities, reduce JavaScript download size, split code into smaller loads, and verify changes through a structured performance improvement workflow.
- Improving slow page loading
- Reducing JavaScript download size
- Reviewing image and font loading
tech-leads-club/agent-skills☆ 7.1KUpdated Oct 17, 2026
Improve Astro site loading with critical CSS, the styles needed for the first screen, plus file compression, font loading adjustments, main image preloading, and deferred third-party scripts. Includes integration settings and a layout example.
- Improve an Astro site's initial loading
- Configure astro-critters and build compression
- Adjust font and main image loading
tech-leads-club/agent-skills☆ 7.1KUpdated Oct 17, 2026
Review how a website behaves when images fail to load and add fallback images or meaningful placeholder content. Check loading behavior, consider loading placeholders, and use error logging and browser developer tools to investigate and verify fixes.
- Adding fallback images for broken image links
- Reviewing placeholders shown while images load
- Investigating image loading failures with logs and DevTools
thedaviddias/Front-End-Checklist☆ 74.5KUpdated Oct 6, 2026
Download videos, audio, and subtitles from YouTube and other supported sites using yt-dlp. Choose resolution and output filenames, extract MP3 audio, or inspect titles, durations, and other video details without downloading the media.
- Saving videos at a chosen resolution
- Extracting MP3 audio from a video URL
- Downloading subtitles without the video
calesthio/OpenMontage☆ 69.9KUpdated Oct 17, 2026
Get guidance on distributed training with PyTorch FSDP, which splits model parameters across devices. The skill covers implementation, mixed precision, moving data to CPU memory, communication setup, and debugging distributed training code.
- Implement distributed training with FSDP
- Review mixed precision and CPU offloading settings
- Choose a distributed communication backend
davila7/claude-code-templates☆ 32.8KUpdated Oct 18, 2026
Build Next.js 14+ applications with App Router, server-rendered components, and form actions. Produces routes, page layouts, data fetching, loading and error states, and SEO metadata, while supporting performance optimization and deployment preparation.
- Building pages and layouts with App Router
- Implementing form submissions with Server Actions
- Adding loading states, error handling, and SEO metadata
Jeffallan/claude-skills☆ 11.9KUpdated Oct 17, 2026
Intelligent media optimization with automated workflows for images, videos, and SVGs. Includes decision trees that detect LCP images (triggers format/lazy-loading/priority analysis), identify layout shift risks (missing dimensions), and flag lazy loading issues (above-fold lazy or below-fold eager). Features workflows for complete media audit, LCP image investigation, video performance (poster optimization), and SVG embedded bitmap detection. Cross-skill integration with Core Web Vitals (LCP/CLS impact) and Loading (priority hints, resource preloading). Provides performance budgets and format recommendations based on content type. Use when the user asks about image optimization, LCP is an image/video, layout shifts from media, or media loading strategy. Compatible with Chrome DevTools MCP.
The English summary is being prepared. Showing the original description.
nucliweb/webperf-snippets☆ 1.5KUpdated Oct 19, 2026
Expert blueprint for scene loading, transitions, async (background) loading, instance management, and caching. Covers fade transitions, loading screens, dynamic spawning, and scene persistence. Use when implementing level changes OR dynamic content loading. Keywords scene, loading, transition, async, ResourceLoader, change_scene, preload, PackedScene, fade.
The English summary is being prepared. Showing the original description.
thedivergentai/Game-Dev-Agentic-Skills☆ 869Updated Oct 17, 2026
Expert blueprint for scene loading, transitions, async (background) loading, instance management, and caching. Covers fade transitions, loading screens, dynamic spawning, and scene persistence. Use when implementing level changes OR dynamic content loading. Keywords scene, loading, transition, async, ResourceLoader, change_scene, preload, PackedScene, fade.
The English summary is being prepared. Showing the original description.
thedivergentai/Game-Design-Agentic-Skills☆ 850Updated Oct 13, 2026
Agent fallback for CDemoPlayer_SetIgnorePacketsForResourceLoading (auto-generated, category: vfunc). Locate CDemoPlayer::SetIgnorePacketsForResourceLoading in the CS2 engine module via IDA Pro MCP and emit a fresh, minimal-unique artifact. The deterministic preprocessor could not resolve this symbol on the current gamever - your job is the re-sign. Trigger: CDemoPlayer_SetIgnorePacketsForResourceLoading, CDemoPlayer::SetIgnorePacketsForResourceLoading
The English summary is being prepared. Showing the original description.
mrc4tt/CS2_VibeSignatures☆ 3Updated Oct 15, 2026
When the user wants to pack 3D boxes into containers, optimize 3D space utilization, or solve container loading problems. Also use when the user mentions "3D packing," "container packing," "box packing," "3D bin packing problem," "cube packing," "three-dimensional packing," "cargo loading," or "space optimization." For pallet-specific loading, see pallet-loading. For container logistics, see container-loading-optimization.
The English summary is being prepared. Showing the original description.
MikeCheng1208/BattleTree☆ 2Updated Jul 22, 2026
Helps write and review PyTorch models, training loops, and data loading code. Covers repeatable experiments, saving training progress, and techniques for reducing GPU memory use or improving training speed, with practical code examples.
- Writing or reviewing PyTorch training code
- Investigating inconsistent experiment results
- Improving data loading and GPU memory use
affaan-m/ECC☆ 283.9KUpdated Oct 16, 2026
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.
- Investigating slow page loads
- Finding heavy resources and costly rendering steps
- Checking performance on a throttled 3G connection
thedaviddias/Front-End-Checklist☆ 74.5KUpdated Oct 6, 2026
Audit website images for excessive file sizes, unnecessary metadata, and loading issues. Apply format-specific compression and cleanup, then compare file sizes before and after changes to show the resulting reduction in image data.
- Finding images that slow page loading
- Comparing file sizes before and after compression
- Removing unnecessary image metadata
thedaviddias/Front-End-Checklist☆ 74.5KUpdated Oct 6, 2026