UI & UX

Back to Top

Adds a context-aware, accessible return-to-top control that only appears once it's actually useful.

What it does

Adds a context-aware, accessible return-to-top control that only appears once it's actually useful.

When to use it

Use for long article or catalogue pages, or deciding whether a page needs this pattern at all.

Problems it prevents

Stops a floating control appearing on short pages where it just gets in the way.

Typical workflow

  1. Decide if the page is long enough to need it
  2. Set the appearance threshold
  3. Position it to avoid collisions
  4. Verify keyboard and focus behaviour

Example output

A return-to-top control that appears only past a real scroll threshold and never overlaps other fixed UI.

What's included

  1. 01
    The complete prompt

    The full manual as a ready-to-save SKILL.md file, matched exactly to what ships in the T7 library.

  2. 02
    Install walkthrough

    Personal (~/.claude/skills/) and project (.claude/skills/) folder instructions, whichever fits how you work.

  3. 03
    Use notes

    How Claude invokes it, what a good result looks like, and what to check before you trust the output.

Installation

Save the manual as SKILL.md in ~/.claude/skills/back-to-top/ to use it on every project, or in .claude/skills/back-to-top/ to scope it to one repository. Then invoke it directly:

/back-to-top

Read the official Claude Code skills guide

Works well with