SuperAPI AI 工具集
合作ENAI 行业资讯收藏

Skill 广场

找到适合任务的 Agent Skill，阅读介绍并复制安装命令。

更新于 10-28 00:17

前端与建站

11,245 个结果

webgl

WebGL 是面向浏览器的底层 3D 图形 API，通过着色器、缓冲区与纹理直接访问 GPU。在启用 WebGL2 渲染上下文（不可用时回退到 WebGL1）后，可使用 WebGL2RenderingContext 配置视口、清屏颜色与深度测试。着色器以 GLSL 编写，顶点着色器负责变换顶点位置并向片元着色器传递数据，片元着色器负责结合光照与纹理计算像素颜色；两者编译后链接为程序对象，并检查编译与链接状态。几何数据通过顶点缓冲对象（VBO）与顶点数组对象（VAO）上传至 GPU，渲染循环借助 requestAnimationFrame 逐帧清屏、更新 uniform 并绘制图形。该方案提供初始化上下文、编译着色器、创建三角形几何体与启动渲染循环的 TypeScript 示例代码，适用于需要在浏览器中实现自定义渲染管线的 Web 图形开发场景。

前端与建站5 次安装

embedded-or-inline-css

这是一条前端代码检查规则，用于审查样式表、组件样式与响应式行为，主题是“避免内嵌样式和行内 CSS”。规则主张将内联样式迁移到外部 CSS 文件或 CSS-in-JS，原因是内联 CSS 无法被单独缓存、会增加 HTML 体积、破坏关注点分离，并在大型代码库中更难维护。规则同时列出例外情况：关键 CSS（critical CSS）为性能考虑应内联，动态值（CSS 自定义属性）可以内联。该规则提供了检查、修复、解释和代码审查四个执行环节，便于在评审中定位违反该规则的具体选择器、声明或断点。

前端与建站5 次安装

first-contentful-paint

该技能用于审计与优化首次内容绘制（First Contentful Paint，FCP），即页面首次渲染出文本或图像的时间。FCP 是页面开始加载的首个视觉信号，较快的 FCP 能减少用户感知等待时间并降低跳出率。技能目标是将 FCP 控制在 1.8 秒以内，主要手段包括消除阻塞渲染的 CSS 与 JavaScript、为折叠上方内容内联关键 CSS、对第三方源使用 preconnect，以及减少服务器响应时间。使用时可借助 Lighthouse 或 PageSpeed Insights 测量 FCP，并在 DevTools 中确认实际瓶颈。技能还提供代码审查能力，可检查影响 FCP 的路由、资源与加载行为，指出增加不必要网络、CPU 或布局成本的具体文件、请求或渲染步骤，并说明确认问题所用的测量方法。完整实现细节、代码示例与框架相关指导见 references/rule.md。

前端与建站5 次安装

http-requests

该技能用于审计与“最小化 HTTP 请求”相关的页面性能问题，例如页面加载缓慢、资源体积过大或渲染延迟。它帮助开发者统计页面发起的 HTTP 请求数量，识别可减少请求的机会，并给出合并文件、使用雪碧图、内联关键资源、启用 HTTP/2 等优化方向。技能强调每个 HTTP 请求都会带来 DNS 查询、TCP 连接和 TLS 握手等网络开销，减少请求可显著改善首次加载时间。它提供快速参考、检查、修复、解释和代码审查等使用方式，适用于前端性能优化与代码审查场景。

前端与建站5 次安装

interstitials

该条目来自前端检查清单，主题是避免使用侵入式插页（intrusive interstitials），即遮挡页面主要内容的模态框、遮罩、弹窗、Cookie 横幅、订阅对话框和推广浮层。内容指出这类插页会阻碍屏幕阅读器用户和键盘用户，移动端全屏弹窗还会被 Google 搜索降权。条目给出了快速参考、检查方法、修复建议和解释，涵盖可接受的插页类型（年龄验证、法律要求的通知、私密内容登录墙）、不可接受的类型，以及模态对话框应遵循的 ARIA 模式与 WCAG 2.1 相关条款。

前端与建站5 次安装

javascript-minification

该技能用于检查与 JavaScript 文件压缩（minification）相关的问题，属于前端性能优化检查项。它关注脚本、客户端组件、打包产物以及浏览器运行行为，帮助确认生产环境中的 JavaScript 是否已被压缩，以减少文件体积、移除注释并优化加载与执行速度。资料指出未压缩的 JavaScript 会为页面增加数百 KB 的体积，在移动网络下尤其影响加载速度；典型压缩可减少 50% 至 70% 的文件大小。该技能提供快速参考、检查、修复、解释和代码审查等环节，用于定位违反该规则的导入、事件处理器、运行时副作用或阻塞操作，并说明应如何在浏览器中验证。

前端与建站5 次安装

legacy-js

该技能用于审计与「避免向现代浏览器提供旧版 JavaScript」相关的页面加载缓慢、资源过重或渲染延迟问题。现代浏览器能更快、更高效地执行 ES6+ 代码，而向它们提供经过转译并附带 polyfill 的 ES5 代码会增加不必要的体积。技能提供快速参考：使用差异化服务（module/nomodule）分别面向现代与旧版浏览器；避免为支持 ES6+ 的浏览器引入沉重的 ES5 polyfill；将代码编译到现代目标以减小包体积并提升执行速度。同时提供检查、修复、解释与代码审查四类操作，帮助定位具体文件、请求或渲染步骤中不必要的网络、CPU 或布局开销，并说明确认问题所用的测量方法。完整实现细节、代码示例与框架相关指导见 references/rule.md。

前端与建站5 次安装

link-text

该技能用于检查网页中链接文本的可访问性，确保链接文字具有描述性。屏幕阅读器用户常通过列出页面所有链接来导航，若链接文本重复使用“点击这里”“阅读更多”等通用短语，用户无法判断每个链接指向何处。该技能要求在审查渲染后的 HTML、交互组件或设计系统模式时，优先检查原生语义，再考虑 ARIA 补充。它提供快速参考、检查项、修复建议和解释，并支持代码审查，指出违反规则的具体元素、角色、标签、焦点行为或键盘交互，同时说明如何用浏览器可访问性工具或辅助技术验证修复效果。完整实现细节、代码示例和框架特定指南见 references/rule.md。

前端与建站5 次安装