How do I install the Anchor Smooth Scroll skill?

Run npx skillmds@latest add thedaviddias/anchor-smooth-scroll in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Anchor Smooth Scroll safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Anchor Smooth Scroll?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Anchor Smooth Scroll free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Anchor Smooth Scroll?

thedaviddias (@thedaviddias) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Anchor Smooth Scroll by thedaviddias

Name: Anchor Smooth Scroll
Author: thedaviddias

Anchor Smooth Scroll

Use when reviewing rendered HTML, interactive components, or design-system patterns related to Provide instant anchor scroll option. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant.

thedaviddias 4ed4904 2 files · 5.8 KB Updated Sep 17, 2026

File contents

Provide instant anchor scroll option

Smooth scroll animations can trigger vertigo, nausea, and disorientation for users with vestibular disorders—instant navigation is safer and often faster.

Quick Reference

Disable smooth scroll when prefers-reduced-motion is set
Use CSS scroll-behavior: smooth with media query check
Ensure focus moves to anchor target for keyboard users
Provide instant scroll as default or fallback

Check

Click anchor links (same-page navigation) and verify smooth scrolling is disabled when prefers-reduced-motion is set. Confirm anchor navigation works correctly with keyboard and screen readers.

Fix

Use scroll-behavior: smooth only within a prefers-reduced-motion media query check. Provide instant scrolling as the default or reduced-motion fallback. Ensure focus moves to the anchor target.

Explain

Explain how animated scroll transitions can cause motion sickness and disorientation for users with vestibular disorders, and why instant navigation is often preferable for accessibility.

Code Review

Review the rendered markup and interactive states that affect Provide instant anchor scroll option. Flag exact elements, roles, labels, focus behavior, or keyboard interactions that violate the rule, and note how to verify the fix with browser accessibility tooling or assistive tech.

For full implementation details, code examples, and framework-specific guidance, see references/rule.md.

Rule page: https://frontendchecklist.io/en/rules/accessibility/anchor-smooth-scroll

Frequently asked questions