skills.rest
soloamente
soloamenteCOMMUNITY
Explore all skills by this author →
GitHub

web-haptics

Implement the Web Vibration API for haptic feedback in web applications.

Updated May 14, 2026
Search Tags:#web app#mobile development#interactive UI#haptic feedback#web vibrations
One-click install
npx skills add https://github.com/soloamente/still --skill web-haptics
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-haptics
Source: https://github.com/soloamente/still/tree/main/.agents/skills/web-haptics
Command: npx skills add https://github.com/soloamente/still --skill web-haptics

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill unit helps to add realistic haptic feedback to interactive web elements, improving the user experience on mobile and touch-enabled devices.

Core Features & Use Cases

  • Customizable Haptic Feedback: Integrate tactile responses to user interactions with a variety of intensity and trigger options.
  • Cross-Framework Compatibility: Support for React, Vue, Svelte, and Vanilla JS.
  • Pattern Presets: Predefined patterns for notifications, selections, and physical impacts.
  • Apple HIG Compliance: Ensure the use of haptics follows Apple's Human Interface Guidelines.
  • Quick Implementation: Get haptic feedback in place with minimal configuration.

Quick Start

Integrate haptic feedback into your web application using the web-haptics skill with this command: Install web-haptics and apply haptic feedback on button presses with 'npm i web-haptics; haptic.trigger()'.

Frequently Asked Questions about web-haptics

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add haptic feedback to a web app for mobile devices?▼

You add haptic feedback to a web app by implementing the Web Vibration API to trigger tactile responses on UI elements. This approach provides customizable intensity and predefined patterns for mobile and touch-enabled devices.

Does haptic feedback work with React, Vue, and Svelte?▼

Yes, haptic feedback implementation supports cross-framework compatibility. You can integrate tactile responses across React, Vue, Svelte, and Vanilla JS environments, applying predefined vibration patterns consistently.

What are the predefined vibration patterns for interactive UI elements?▼

Predefined vibration patterns for interactive UI elements include specific presets for notifications, selections, and physical impacts. These patterns offer various intensity levels to enhance the user interaction experience.

Is web haptic feedback compliant with Apple Human Interface Guidelines?▼

Yes, web haptic feedback implementation ensures Apple HIG compliance. It aligns tactile response integrations with Apple's Human Interface Guidelines to maintain standard user experience practices across mobile applications.

How do I trigger a vibration on button press in JavaScript?▼

You trigger a vibration on button press in JavaScript by installing the package and calling the trigger method. Use 'npm i web-haptics; haptic.trigger()' to quickly apply haptic feedback with minimal configuration.

Related Skills

Explore More Design & Creative Skills→
Doyajin174Doyajin174
1

d3-viz

Build interactive D3.js data visualizations with charts and interactivity.

Community
Intermediate
bidahbidah
28

haptics

Applies consistent haptic feedback patterns to React Native interactions.

Community
Basic
NymfariousNymfarious
1

optimizing-mobile-experience

Optimize StickerNest for mobile touch interactions and responsive layouts.

Community
Advanced
Nabole05Nabole05

blast-haptic

Generate haptic and audio feedback patterns for interactive UI elements.

Community
Advanced