登录
下载

Skill UI

浏览并发现 9699+ 精选技能
全部 编程开发 人工智能 设计创意 产品商业 数据科学 市场营销 职场通用 效率工具 硬件工程 语言学习
搜索 网页开发 ，共找到 25 条记录
默认排序 最新上传 最多下载

Three.js基础：网页三维图形开发

threejs-fundamentals
sickn33/antigravity-awesome-skills
456
本指南系统介绍了Three.js的核心概念，这是用于WebGL三维渲染的主流JavaScript库。内容涵盖了完整的3D环境设置，包括场景、不同类型的相机（透视、正交）和WebGL渲染器。学习者将掌握对象层次结构、物体的变换操作（位置、旋转、缩放）以及照明、阴影和环境贴图等高级渲染配置。是所有进行Web 3D图形开发的首选基础知识。
查看详情

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

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

单页SEO深度分析与审计

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

性能基准测试与回归检测

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

Playwright网页浏览器自动化工具

playwright-skill
sickn33/antigravity-awesome-skills
411
这是一个通用的端到端（E2E）浏览器自动化测试技能，基于Playwright框架。它可以帮助用户编写和执行复杂的测试场景，包括用户登录流程、表单提交验证、响应式视图测试（如桌面和移动端）以及链接有效性检查。该技能支持自动检测本地开发服务器，并在临时目录中安全运行测试脚本。
查看详情

Azure 静态网页应用

azure-static-web-apps
github/awesome-copilot
489
通过 SWA CLI 创建、配置并部署 Azure 静态 Web 应用，涵盖本地模拟开发、API 后端、配置管理与 CI/CD 整合的常见流程。
查看详情

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

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

网页界面指南合规性检查

web-design-guidelines
bytedance/deer-flow
420
用于对用户界面（UI）代码进行全面审查，以确保其符合最新的网页界面设计指南和最佳实践。该工具特别适合进行可访问性审计、设计合规性检查和代码质量审查，帮助开发者确保产品达到行业最高标准。
查看详情

SerpApi生产级开发模式

serpapi-sdk-patterns
jeremylongshore/claude-code-plugins-plus-skills
141
本指南提供了将SerpApi集成到生产级搜索服务中的最佳实践。核心内容包括定义类型化结果接口（增强代码安全）、实施LRU缓存机制（节省API费用），以及创建多引擎抽象层（支持网页、新闻、图片等多种搜索类型）。这些模式确保了构建稳定、高效且可扩展的搜索系统。
查看详情

优化Shopify主题性能

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

自主迭代网站构建循环

stitch-loop
google-labs-code/stitch-skills
126
这是一个用于实现网站持续、自主开发流程的技能。它通过“接力棒”（baton）机制运行，持续读取下一个任务，调用Stitch MCP工具生成网页内容，并将生成的HTML和资产整合到网站结构中。每个迭代周期结束后，它都会自动更新接力棒文件，确保项目可以无缝地进行到下一个开发步骤，实现端到端的自动化网站构建。
查看详情

网页嵌入Photopea专业图片编辑器

photopea-embedded-editor
sickn33/antigravity-awesome-skills
454
该技能提供了一个强大的解决方案，用于将功能完备、兼容Photoshop的Photopea编辑器嵌入到任何网页应用中。通过photopea.js，开发者可以通过JavaScript控制嵌入实例，实现高级工作流，包括打开远程文件、加载本地资源（字体、画笔等）、执行自定义脚本来操作图层和文本，以及将结果导出为多种格式（PNG, JPG, PSD, WebP）。非常适合将专业创意工具集成到您的产品中。
查看详情
上一页123下一页
语言
简体中文
English