SuperAPI AI 工具集找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-03 00:11
11,402 个结果
Element Plus 是一个面向 Vue 3 的组件库，遵循 Element Design 设计语言，提供 60 多个 UI 组件。本技能为使用 Element Plus 提供全面指导，涵盖安装、组件使用、主题定制、国际化与 API 参考。适用于在 Vue 3 项目中安装配置 Element Plus、使用表单/数据展示/反馈/导航等各类组件、自定义样式主题、处理组件事件、查阅 API 以及排查问题等场景。组件基于 Vue 3 Composition API，示例同时包含 Options API 与 Composition API，并支持 TypeScript。
介绍在 React 中构建 AI 驱动界面的设计模式，涵盖聊天机器人、智能助手与流式 UI，示例使用 Vercel AI SDK 对接 OpenAI，并对比 Next.js 与 Vite 的实现方式。
介绍动态 import() 按需加载代码的技能，用于在用户交互或条件触发时才加载非启动必需的模块，从而减小初始包体积、加快首屏加载。
讲解 React Hooks 模式，用于在函数组件中复用带状态的逻辑；涵盖 useState、useEffect、自定义 Hook、Hooks 规则，以及替代类组件、高阶组件与 Render Props 的常见做法，适合处理表单、订阅与副作用等共享行为。
该技能用于优化网页资源加载顺序，以改善 Core Web Vitals 中的 FCP、LCP 和 FID 指标，协调第一方与第三方 JS、CSS、字体和图片的加载时机。
现代 React 2026 技术栈选型指南，面向中高级开发者，覆盖构建工具、框架、路由、状态管理与数据请求、测试及 React 19 新 API，帮助新项目起步或旧项目现代化。
该技能整理了 2025/2026 现代 React 组合式组件模式，用于设计组件 API、构建共享 UI 库或重构布尔属性过多的组件。核心原则是以组合替代配置，减少布尔属性堆积，让组件更易理解、测试和扩展。
面向 React 的现代数据获取模式技能，覆盖 TanStack Query、SWR 与 Suspense，用于实现缓存、去重、乐观更新等；适用于给组件添加数据获取、替换 useEffect + fetch、排查瀑布式加载或选型数据获取库。
React 渲染性能优化模式合集，用于减少不必要的重渲染、优化 memoization、改进状态设计，适用于 Vite、Next.js、Remix 或自定义 React 项目。
介绍虚拟列表（窗口化）技术，用于高效渲染成百上千条数据的长列表或表格。资料涵盖何时使用与不使用、react-window 与 react-virtualized 的用法、无限加载及 CSS content-visibility 等替代方案。
用于 Tailwind v4 样式编写的技能：增改类名、配置或迁移 Tailwind、使用 tailwind-variants 与 tw-animate-css，并遵循仓库既有的设计令牌、组件与类合并工具。
frontend-design 是 pbakaus/impeccable 发布的 AI 智能体技能，现已弃用并更名为 impeccable。该技能不再执行任何设计工作，仅用于提示用户改用 /impeccable。
Motion for React（原 Framer Motion）的动画开发技能，包名 motion，从 "motion/react" 导入。覆盖手势（拖拽、悬停、点击）、滚动效果、弹簧物理、布局动画、SVG 与退出动画，并提供体积优化与无障碍配置。
PixiJS v8 技能集合入口，按任务路由到对应专项技能，覆盖 Application 配置、场景对象、资源、事件、着色器与性能优化等。用于在 WebGL、WebGPU 与 Canvas 上创建交互式图形与跨平台应用。
用于创建和配置 PixiJS v8 Application 的技能：讲解 new Application() 与异步 app.init() 的配置项（宽高、背景、渲染器偏好等），涵盖生命周期、属性、缩放、Ticker、裁剪与自定义插件。
PixiJS v8 实验性技能：通过 HTML-in-Canvas 浏览器 API，把实时 DOM 元素或不可变快照转成 TextureSource，可用于 Sprite、Texture 或 Mesh。需浏览器开启该实验特性，否则首次渲染报错。
用于 PixiJS v8 应用性能分析与优化的技能，覆盖 FPS、绘制调用与 GPU 内存问题，提供销毁、对象池、批处理、缓存与剔除等针对性模式。
PixiJS v8 场景图核心概念技能，讲解容器与叶子节点的区别、变换与坐标空间、渲染顺序、渲染组、剔除与遮罩等整体心智模型，并指向各 pixijs-scene-* 子技能与参考文件。
PixiJS v8 技能：用 DOMContainer 把 HTML 元素叠加到画布上，并由场景图驱动其 CSS transform，适合原生输入框、iframe、视频等需要跟随显示对象位置的 HTML 内容。该 API 在 v8 中标记为实验性。
PixiJS v8 中用于绘制图像的技能，涵盖 Sprite、AnimatedSprite、NineSliceSprite 和 TilingSprite 四种精灵类的用途、构造选项、常见错误与 API 参考，并说明锚点与轴心的区别及纹理加载方式。
PixiJS v8 文本渲染技能，讲解 Text、BitmapText、HTMLText、SplitText 与 SplitBitmapText 五类文本对象的取舍与用法，涵盖样式、性能、每字符动画及 CJK 等场景。
用于创建或重设计自包含单文件 HTML 作品的技能，视觉方向由用户需求、项目与主题共同决定。适用于报告、讲解、演示、落地页、数据故事、工具等 HTML 场景。
HTML Diagram 是一个用于制作自包含 HTML 图表的专业技能，帮助根据数据关系选择拓扑、时序、流程、状态等合适图示形式，并用 HTML/CSS、SVG、Canvas 或 WebGL 渲染成单个可直接打开的文件。
html-plan 是用于把对话、项目说明或已有计划等来源材料整理为清晰、自包含 HTML 计划的直接调用型技能，可保留原始范围、顺序、承诺与术语，并改善层级、序列、归属和依赖关系。