gpuslider
Build GPU Sliders and Galleries with gpuslider
GPU sliders require coordinated rendering, layouts, and framework integration. This skill guides gpuslider setup with visual plugins, CSS sizing, and browser fallbacks.
Установить с помощью моего Агента
Скопируйте этот запрос в своего Агента. Он содержит каноническую страницу Skill и манифест.
Review the Skillstore skill "gpuslider" from https://skillstore.io/skills/niklasp-gpuslider.md and its manifest at https://skillstore.io/api/skills/niklasp-gpuslider/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Ваш Агент по-прежнему должен показать план и запросить все подтверждения, требуемые политикой безопасности.
Ресурсы для AI-агентов
Используйте эти ссылки, когда AI-агенту, crawler или script нужен чистый контекст вместо полной страницы.
Протестировать
Использование «gpuslider». Recommend a single-image slider with a liquid transition.
Ожидаемый результат:
- Use stack mode with the liquid effect in the canvas plugin.
- Add controls and keyboard navigation.
- Set slide height or aspect ratio through CSS.
Использование «gpuslider». My cross-origin gallery images do not work in the canvas.
Ожидаемый результат:
- Use anonymous cross-origin loading and verify that the image server sends compatible CORS headers.
- Serve images from the same origin if the remote server cannot provide those headers.
Использование «gpuslider». How should I update plugins in a React gallery?
Ожидаемый результат:
- The plugins prop is read when the slider is created.
- Use the remake dependency list to recreate the slider when relevant dependencies change.
- Confirm advanced lifecycle options in the installed package documentation.
Аудит безопасности
БезопасноAll 21 static findings are false positives involving Markdown formatting, legitimate frontend examples, documentation links, and an effect import. No evidence found of prompt injection, credential access, data exfiltration, or malicious intent in the reviewed skill text. The installed npm package and linked sites were not audited.
Факторы риска
⚙️ Внешние команды (18)
🌐 Доступ к сети (2)
Поделиться и цитировать этот отчет
Делитесь версионным отчетом об оценке, нейтральным значком, встраиваемой карточкой и цитатами. Skillstore публикует доказательства, не решая, безопасен ли этот Skill.
Копировать ссылку на отчёт
https://skillstore.io/skills/niklasp-gpuslider/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportЗначок Markdown
[](https://skillstore.io/skills/niklasp-gpuslider?utm_source=security_passport_badge)Значок HTML
<a href="https://skillstore.io/skills/niklasp-gpuslider?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/niklasp-gpuslider/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Встраиваемая карточка
<iframe src="https://skillstore.io/embed/skills/niklasp-gpuslider.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Академические ссылки (APA · BibTeX · CFF)
Цитата APA
niklasp. (2026). gpuslider security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/niklasp-gpuslider/audits/1Цитата BibTeX
@techreport{niklasp-niklasp-gpuslider-2026,
author = {niklasp},
title = {gpuslider security audit report (audit version 1)},
institution = {Skillstore},
year = {2026},
number = {1},
url = {https://skillstore.io/skills/niklasp-gpuslider/audits/1},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "gpuslider security audit report (audit version 1)"
version: "unspecified"
type: report
authors:
- name: "niklasp"
date-released: "2026-10-01"
url: "https://skillstore.io/skills/niklasp-gpuslider/audits/1"
identifiers:
- type: other
value: "skillstore:niklasp-gpuslider:audit:1"
description: "Skillstore immutable audit report identifier"
Оценка Skillstore
Почему такая оценка Достоверность доказательств: СреднийЧто вы можете построить
Add a Product Image Carousel
Integrate a responsive image carousel with controls, keyboard navigation, and CSS spacing.
Integrate a Next.js Gallery
Use React slider components with stable dimensions and intentional plugin recreation when dependencies change.
Prototype Interactive Visual Effects
Choose documented transitions and pointer effects for an image gallery, with optional lightbox integration.
Попробуйте эти промпты
Use gpuslider to add a two-image JavaScript slider with controls and keyboard navigation. Set stable slide dimensions and include the required stylesheet.
Build a responsive gpuslider carousel without stack mode. Configure slides per view and gaps through CSS, and add the documented stretch effect.
Integrate gpuslider into my Next.js gallery using Slider and Slide. Read the installed documentation before choosing advanced props, and explain plugin recreation.
Plan a gpuslider gallery with liquid transitions and a lightbox. Check the installed documentation, CORS requirements, stable sizing, and WebGPU, WebGL, and script-free fallbacks.
Лучшие практики
- Read the installed package documentation before using options or effect names beyond the examples.
- Keep slide dimensions stable through CSS height or aspect ratio, with responsive spacing.
- Verify image CORS configuration and test rendering fallbacks in target browsers.
Избегать
- Guessing undocumented option names or effects.
- Sizing or moving slide elements through scripts instead of the supported layout configuration.
- Assuming React plugin changes apply automatically without recreating the slider.
Часто задаваемые вопросы
Which frameworks does this skill cover?
Does this skill include the slider library?
What happens when WebGPU is unavailable?
Can I use images from another domain?
Where can I find the complete API?
Can React plugins change after initialization?
Сведения для разработчиков
Автор
niklaspЛицензия
MIT
Ревизия Skillstore
r1
Примечание о версии
Автор не указал версию.
Репозиторий
https://github.com/niklasp/gpuslider/tree/9a377d5fbceb6b9d4fbc7a2186e9bb4587e04907/skills/gpusliderСсылка
7c88ecf85570eefd28b1df91ae258238882c817f
Актуальность поддержки
01.10.2026
Использование
0 загрузок · 0 просмотров
Структура файлов
📄 SKILL.md