AddThisFeature

Password Generator

Offer a strong password in one click wherever someone sets or changes credentials.

simple Security & Reliability

What it adds

A generate control on password fields that produces a strong value, shows it, and hands it to the user safely.

What your agent is told to do

5
  1. 1

    Add the control to every place a password is set: sign-up, password change, password reset completion, and any admin screen that provisions credentials for someone else.

  2. 2

    Generate the value in the browser using the platform's cryptographic random source. The value must never be produced on the server or sent anywhere.

  3. 3

    Reveal the generated password by default so the user can record it, and offer a regenerate control beside it. A hidden generated password that the user cannot see is a password they will immediately reset.

  4. 4

    Feed the generated value straight into the app's existing Password Strength Meter and validation rather than adding a second, parallel indicator. If the generator produces something the app's own policy rejects, the policy and the generator are out of step and the generator is wrong.

  5. 5

    Do not use the language's ordinary random number helper. It is seeded predictably, and a password generated from it is guessable given enough samples.

Edge cases it handles

8
  • Use a cryptographically secure random source. A general-purpose pseudorandom helper produces sequences an attacker can reproduce, which quietly makes every password it generated weak.
  • If the password policy requires an uppercase letter, a digit, or a symbol, the generator must guarantee each required class appears rather than hoping random selection covers them. Place the guaranteed characters at random positions, not at the start.
  • Offer a mode that excludes look-alike characters such as capital I, lowercase l, digit one, capital O, and zero, for passwords that will be read aloud or typed from a screen.
  • The generated value must never be logged, sent in analytics, included in an error report, or persisted anywhere but the user's own password field. Check that form autofill and error-tracking tooling are not capturing it.
  • Do not leave the value on screen or in the clipboard indefinitely. Re-mask it once the form is submitted, and tell the user the clipboard still holds it rather than pretending it was cleared.
  • Some password managers replace the field value after the user has generated one. Detect the change and do not overwrite the manager's value with a stale generated string.
  • Length matters more than symbol variety. Default to a generous length rather than a short password stuffed with punctuation, and let the user increase it.
  • Symbols the target system rejects, or that break when pasted into a terminal or a connection string, must be excludable without regenerating from scratch.

Definition of done

9
  • Every credential-setting screen offers one-click generation.
  • Generation uses the platform's cryptographic random source, verified by inspection of the code path.
  • Every character class the password policy requires is present in every generated value.
  • A look-alike-free mode is available for passwords that will be typed or spoken.
  • The generated value never appears in logs, analytics, or error reports.
  • The generated value is shown to the user and re-masked after submission, with an honest note about the clipboard.
  • Generated passwords always pass the app's own validation and strength meter.
  • The feature matches the existing design system.
  • No existing functionality is broken.

Related features

How it works

  1. 1

    Copy the link

    Grab the Markdown instruction URL for this feature.

  2. 2

    Give it to your AI

    Paste it into Claude Code, Cursor, v0, Lovable — whatever you build with.

  3. 3

    It inspects, then implements

    Your agent reads your existing app first, then adds the feature to fit it.

Works with your stack

These instructions are written to adapt. They tell the agent to detect your framework, match your existing design system, and reuse what you already have — rather than assuming a particular stack.

Need it tighter than that? Customize the feature and tell it exactly what you're running.