# Non JS Skill

> A prose skill whose only code is CSS, HTML and shell. Used to check that non-JS fences never produce package or API references.

- Skill: `paulgrape/non-js-skill` (Agent Skill)
- Install (CLI): `npx skillmds@latest add paulgrape/non-js-skill`
- Raw SKILL.md: https://api.skillmd.com/api/skills/paulgrape/non-js-skill/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: paulgrape (https://skillmd.com/u/paulgrape)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/paulgrape/non-js-skill

---


# Reduced motion and skip links

Respect the user's motion preference and make the first focusable element a
skip link. None of the snippets below reference an npm package, so the auditor
must treat this skill as neutral rather than as a badly aligned technical one.

## Motion

```css
@media (prefers-reduced-motion: reduce) {
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
  }
}
```

## Skip link

```html
<a class="skip-link" href="#main">Skip to main content</a>
<main id="main" tabindex="-1"></main>
```

## Checking the build

```bash
ROOT=$(git rev-parse --show-toplevel)
npx some-linter "$ROOT/public/index.html" --fix
```

Run the checker with `npx some-linter --help` when in doubt, and keep the
`prefers-reduced-motion` media query at the end of the stylesheet.