# Hypnotic Pattern

> Hypnotic Pattern mesmerizes everyone who looks at it. The real-world version is attention design: loading animations, progress indicators, onboarding flows, and visual patterns that keep users oriented and engaged during a bounded experience. The line between helpful focus and addictive capture is the central design tension.

- Skill: `hmbown/hypnotic-pattern-2` (Agent Skill)
- Install (CLI): `npx skillmds@latest add hmbown/hypnotic-pattern-2`
- Raw SKILL.md: https://api.skillmd.com/api/skills/hmbown/hypnotic-pattern-2/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- License: CC0-1.0
- Author: Hmbown (https://skillmd.com/u/hmbown)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/hmbown/hypnotic-pattern-2

---

# Hypnotic Pattern
Design attention-capture patterns that hold focus in a bounded context.
## What This Skill Does
Hypnotic Pattern mesmerizes everyone who looks at it. The real-world version is attention design: loading animations, progress indicators, onboarding flows, and visual patterns that keep users oriented and engaged during a bounded experience. The line between helpful focus and addictive capture is the central design tension.
In this grimoire, Hypnotic Pattern is treated as a metaphorical spell with a shipping-now delivery profile.
Canonical reference input: Hypnotic Pattern (spell).
## When To Use

- A flow, onboarding sequence, or presentation needs better attention-holding mechanics.
- Users are dropping off during a multi-step process and you need to understand why and how to keep them.

## Prerequisites

- No extra runtime dependencies beyond Hermes Agent and the normal toolset for this session.

## Procedure

1. Restate the target, the success condition, and any no-touch boundaries before taking action.
2. Identify the experience and its attention drop-off points.
3. Design engagement patterns: progress indicators, micro-rewards, curiosity gaps, or visual anchors.
4. Map the boundary: when should the pattern release attention? Hypnotic Pattern has a duration, not an infinity.
5. Deliver the attention design with an explicit note on where engagement becomes compulsion.
6. Package the result as the deliverables below, with confidence, assumptions, and unresolved risk called out explicitly.

## Deliverables

- Attention-capture patterns tailored to the specific flow or experience.
- A boundary specification: when the pattern should deliberately release the user's attention.

## Pitfalls / Guardrails

- Keep the metaphor anchored to a real mechanism instead of drifting into lore.
- Distinguish attention-capture from addiction mechanics. This spell has a duration — it is not designed to hold attention indefinitely.
- Refuse infinite scroll, autoplay-without-end, or engagement patterns designed to prevent the user from leaving.

## Verification

- Check that the result includes every deliverable promised above.
- Check that confirmed facts, assumptions, and inferences are visibly separated.
- Check that the metaphor still maps cleanly to a real operational mechanism.

## Example Invocation
```text
/hypnotic-pattern design attention-holding mechanics for this [flow/onboarding/presentation], with clear boundaries on when to let go
```