下载

Skill UI

浏览并发现 9747+ 精选技能

全部编程开发人工智能设计创意产品商业数据科学市场营销职场通用效率工具硬件工程语言学习

搜索网页性能，共找到 14 条记录

默认排序最新上传最多下载

沉浸式3D网页体验

3d-web-experience

sickn33/antigravity-awesome-skills

利用Three.js、React Three Fiber、Spline与WebGL打造具备产品配置器、作品集与滚动互动效果的沉浸式3D网页体验，并兼顾性能与可访问性。

Chrome开发者工具代理

chrome-devtools

tech-leads-club/agent-skills

通过 Chrome DevTools MCP 控制浏览器，进行页面导航、元素交互、控制台与网络检查、截图/快照采集以及性能追踪，适用于现场网页调试与性能分析。

网页性能优化指南

performance-optimization

rohitg00/awesome-claude-code-toolkit

指导工程师通过代码分割、图片懒加载、缓存头策略、虚拟列表与核心 Web Vitals 监控等手段，保持网页应用在生产环境中的速度与稳定。

网页性能分析与优化指南

performance-profiling

sickn33/antigravity-awesome-skills

本指南提供了一套完整的网页性能分析与优化流程。涵盖了核心网页指标（LCP, INP, CLS）的测量方法，指导用户如何利用Lighthouse和DevTools等专业工具，系统性地找出代码、资源和渲染过程中的性能瓶颈，并通过代码分割、懒加载等实战技巧，大幅提升用户体验和网站加载速度。

网页浏览器游戏开发最佳实践

sickn33/antigravity-awesome-skills

本指南深入讲解了现代网页游戏开发的全流程最佳实践。内容涵盖了主流游戏引擎（如Phaser、Three.js）的选择、WebGPU的采纳、性能优化策略（如资源压缩、对象池化）以及如何遵循浏览器限制和利用PWA技术，帮助开发者构建高性能、跨平台的网页游戏。

网页性能优化指南

web-performance-optimization

sickn33/antigravity-awesome-skills

本技能提供了一套系统化的方法，帮助开发者衡量、分析和优化网站及Web应用的性能。内容涵盖核心网页指标（CWV）、减少JS包体积、实现缓存策略以及优化渲染路径等，旨在全面提升用户体验和搜索引擎优化（SEO）表现。

Spline 3D 网页嵌入与交互控制

spline-3d-integration

sickn33/antigravity-awesome-skills

本指南是为开发者准备的，旨在学习如何将使用 Spline.design 设计的交互式 3D 场景嵌入到现代网页项目。它涵盖了针对 React、Vue、Next.js 等主流前端框架的专业集成方法，并提供了性能优化和运行时控制的指导，帮助实现视觉震撼的 UI/UX 效果。

图片优化与SEO审计

AgriciDaniel/claude-seo

专业的图片优化分析工具，用于确保网站图片符合最佳性能和SEO标准。它会详细检查Alt文本描述性、文件大小阈值、是否采用WebP/AVIF等现代高效格式，并评估响应式图片和延迟加载的实现，帮助优化核心网页指标。

单页SEO深度分析与审计

AgriciDaniel/claude-seo

该工具提供单页的深度、多维度的SEO审计。它全面分析单个URL的性能，涵盖了页面级元素（标题、描述、H标签）、内容质量（可读性、E-E-A-T）、技术结构（Schema、规范标签、移动优化）、图片表现和潜在的核心网页指标问题。适用于内容策略师、SEO专家和网页开发人员，提供可操作的优化建议。

性能基准测试与回归检测

affaan-m/everything-claude-code

该工具用于建立多维度的性能基准线。它能够测量核心网页指标（如LCP、CLS、INP）、API延迟（p50、p95、p99）以及开发构建效率。在代码合并前，用于检测性能回归，确保持续集成/持续部署流程的稳定性，并对比不同的技术栈替代方案。

浏览器自动化与开发者工具调试

chrome-devtools

github/awesome-copilot

这是一个用于控制和检查实时Chrome浏览器的专业技能。它可以实现完整的网页自动化操作（如点击、填写表单），进行深度调试（分析控制台和网络请求），并进行详细的性能分析和性能追踪，是进行QA测试和前端开发的强大工具。

优化Shopify主题性能

shopify-theme-performance

jeremylongshore/claude-code-plugins-plus-skills

专为Shopify开发者设计，用于优化在线商店的主题性能。本技能涵盖了提升核心网页指标（Core Web Vitals）的最佳实践，包括修复主要的LCP图片加载问题、使用`image_url`过滤器优化图片响应式加载、分析缓慢的Liquid渲染时间，从而大幅提升用户体验和网站加载速度。

语言