SuperAPI AI 工具集

Skill 广场

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

更新于 10-18 00:12

前端与建站

10,842 个结果

cloudflare-web-perf

cloudflare-web-perf 是 Cloudflare 官方技能(skill),用于审计和修复网页性能指标 Core Web Vitals,包括 LCP(Largest Contentful Paint,最大内容绘制)、INP(Interaction to Next Paint,交互到下次绘制)、CLS(Cumulative Layout Shift,累积布局偏移)以及 TTFB。该技能可识别阻塞渲染的资源、未优化图片以及布局不稳定的成因,并包含针对 Cloudflare 的修复方案,涉及 Workers、Cache Rules 和 Image Optimization。安装时可通过 npx skills add cloudflare/skills --skill cloudflare-web-perf 命令完成,支持全局(加 -g)或项目级安装。触发短语包括 "web performance"、"Core Web Vitals"、"LCP"、"CLS"、"render blocking"。

前端与建站164 次安装

vanilla-lynx

Vanilla Lynx 是一套用于直接使用 Element PAPI 与 Lynx Runtime API 编写 Lynx 界面的技能,不依赖 ReactLynx、JSX 或虚拟 DOM。它把免构建的 .lynxml 单文件与 Rspeedy 工程视为两种对等的产出格式:用户要求单文件、免构建或直接加载时选用 .lynxml;用户提到 Rspeedy、脚手架、构建配置或构建产物时选用 Rspeedy。该技能覆盖完整产物的编写、评审与讲解,包括主线程 Element PAPI 树创建、变更、生命周期渲染与 UI 更新,后台线程的重逻辑、异步、定时器、原生调用与数据处理,运行事件 API 与生命周期事件接线,Lynx 样式与布局规则,以及用 rslib 构建并在运行时加载后台线程外部包。使用时要求主线程源码负责 Element PAPI 调用与 __FlushElementTree(),后台线程只发送可序列化补丁;初次渲染依赖 SDK 自动 flush,后续 UI 变更手动 flush;lynx.getEngine() 仅用于引擎定义的 __RenderPage、__UpdatePage、__DestroyLifetime 等生命周期事件。生成 .lynxml 后可用 npx http-server . 在目标设备可达地址验证,配合 lynx-devtool 做真机调试。

前端与建站163 次安装

generic-static-design-system

面向纯静态 HTML/CSS/JS 站点的完整设计系统参考,覆盖颜色、字体排印、组件模式、动画与无障碍。适用于实现 UI、选择颜色或确保品牌一致性时参考。该技能采用纯 CSS 方式,不使用预处理器、Tailwind 或构建工具,通过 CSS 自定义属性、系统字体栈、clamp() 流体排版、CSS-only 动画与交互模式(如显隐切换、图标旋转、焦点状态)以及无 JS 组件(按钮、导航)来构建极简静态站点。技能还给出了性能目标(文件体积与 Lighthouse 分数)以及相关参考文档链接。它是 Generic Design System 的扩展,需先阅读基础技能以了解色彩理论、字号比例、间距系统与组件状态。

前端与建站163 次安装