# Attention Pulse

> A soft expanding ring that draws the eye to ONE element — a primary CTA, an unread badge, a new dot. Honors prefers-reduced-motion. One per screen; never use more than one at once or as pure decoration (attention splits and nothing wins).

- Skill: `nexu-io/attention-pulse` (Agent Skill, multi-file: 4 files)
- Install (CLI): `npx skillmds@latest add nexu-io/attention-pulse`
- Raw SKILL.md: https://api.skillmd.com/api/skills/nexu-io/attention-pulse/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: Nexu (https://skillmd.com/u/nexu-io)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/nexu-io/attention-pulse

---


# attention-pulse

A soft expanding ring to draw the eye to one element. Part of
[motion-anything](https://github.com/nexu-io/motion-anything); obeys `MOTION-SPEC.md`.

## When to use it
- A single primary CTA, an unread/new badge, or a notification dot.

## When NOT to use it (restraint)
- More than one pulsing element at once. As decoration with no real call to act.

## How to apply
1. Copy `attention-pulse.css` and link it.
2. Add `data-pulse` to the element (set `--pulse-color` to match your accent).

## Accessibility & performance
- `prefers-reduced-motion`: no pulse. Transform/opacity only (GPU-safe).