Security

Password Visibility

Implements accessible password show/hide controls without weakening authentication safety.

What it does

Implements accessible password show/hide controls without weakening authentication safety.

When to use it

Use for login and signup forms, or fixing reveal toggles that lose the value, cursor or focus.

Problems it prevents

Stops a visibility toggle silently clearing the field or breaking password-manager autofill.

Typical workflow

  1. Implement the toggle without losing state
  2. Verify password-manager compatibility
  3. Check mobile entry behaviour
  4. Test focus is preserved on toggle

Example output

A show/hide control that never loses the typed value, cursor position, or breaks the saved-password flow.

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/password-visibility/ to use it on every project, or in .claude/skills/password-visibility/ to scope it to one repository. Then invoke it directly:

/password-visibility

Read the official Claude Code skills guide

Works well with