mahdidavoodi7

React Native Pulsar Skill — Design skill for Claude Code

Design community

Agent skill that teaches Claude Code to design and implement haptic feedback in React Native with react-native-pulsar — presets, custom patterns, realtime gestures, Android fallbacks.

How to install React Native Pulsar Skill

This entry records only its repository, not the path inside it, so there is no exact command to give. Open mahdidavoodi7/react-native-pulsar-skill and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What React Native Pulsar Skill does

Agent skill that teaches Claude Code to design and implement haptic feedback in React Native with react-native-pulsar — presets, custom patterns, realtime gestures, Android fallbacks.

Alternatives in Design

Huashu Design — Huashu Design · HTML-native design skill for Claude Code · Claude Code 里 HTML 原生的设计 skill · 高保真原型 / 幻灯片 / 动画 + 23.6k ★
Figma Implement Design — Translate Figma designs into production-ready code with pixel-perfect accuracy 14.6k ★
Claude Powerline — by Owloops - A vim-style powerline statusline for Claude Code with real-time usage tracking, git integration 940 ★

README

react-native-pulsar-skill

**React Native haptics for Claude Code: an agent skill for designing and implementing haptic feedback with `react-native-pulsar`, on iOS, Android and Expo.**

[![MIT license](https://img.shields.io/badge/license-MIT-black.svg)](LICENSE) [![react-native-pulsar 1.7.0](https://img.shields.io/badge/react--native--pulsar-1.7.0-black.svg)](https://www.npmjs.com/package/react-native-pulsar) [![Claude Code skill](https://img.shields.io/badge/Claude_Code-skill-black.svg)](https://code.claude.com/docs/en/skills) [![Python 3, no deps](https://img.shields.io/badge/python-3%2C%20no%20deps-black.svg)](scripts/)

An [agent skill](https://agentskills.io) that teaches [Claude Code](https://code.claude.com/docs/en/skills) (and any other tool that reads `SKILL.md` agent skills) how to design and implement haptic feedback in React Native with [Pulsar](https://github.com/software-mansion/pulsar) ([`react-native-pulsar`](https://www.npmjs.com/package/react-native-pulsar)), Software Mansion's open-source haptics library. It works in bare React Native and Expo projects alike.

It covers the two halves of the job that are easy to get wrong:

The API — verified against the published npm package (react-native-pulsar@1.7.0), not the docs site, because several official examples don't work (Presets.Success doesn't exist; the realtime composer's API changed between 1.6.1 and 1.7.0; the Expo install tab omits a hard peer dependency).
The design — which of the 151 presets fits a given UI moment, when a custom pattern is justified, how to compose one that carries meaning instead of buzzing, and what survives the trip from an iPhone to a mid-range Android.

Once installed it loads itself whenever a request mentions haptics, vibration, Pulsar, a preset, or just asks for an interaction to feel "more physical", "satisfying" or "premium" — see [How to use](#how-to-use) for what that looks like in practice.