Skip to main content
Prompts Secure HTML5 JavaScript Password Generator Builder

developer coding user risk: medium

Secure HTML5 JavaScript Password Generator Builder

Create a comprehensive secure password generator using HTML5, CSS3, and JavaScript with features including real-time preview, customization toggles, strength meter with entropy, co…

  • Policy sensitive
  • Human review

PROMPT 

Create a comprehensive secure password generator using HTML5, CSS3 and JavaScript with cryptographically strong randomness. Build an intuitive interface with real-time password preview. Allow customization of password length with presets for different security levels. Include toggles for character types (uppercase, lowercase, numbers, symbols) with visual indicators. Implement an advanced strength meter showing entropy bits and estimated crack time. Add a one-click copy button with confirmation and automatic clipboard clearing. Create a password vault feature with encrypted localStorage storage. Generate multiple passwords simultaneously with batch options. Maintain a password history with generation timestamps. Calculate and display entropy using standard formulas. Offer memorable password generation options (phrase-based, pattern-based). Include export functionality with encryption options for password lists.

EXPECTED OUTPUT

Format
html

SUCCESS CRITERIA

  • Create a comprehensive secure password generator using HTML5, CSS3 and JavaScript with cryptographically strong randomness.
  • Build an intuitive interface with real-time password preview.
  • Allow customization of password length with presets for different security levels.
  • Include toggles for character types (uppercase, lowercase, numbers, symbols) with visual indicators.
  • Implement an advanced strength meter showing entropy bits and estimated crack time.
  • Add a one-click copy button with confirmation and automatic clipboard clearing.
  • Create a password vault feature with encrypted localStorage storage.
  • Generate multiple passwords simultaneously with batch options.
  • Maintain a password history with generation timestamps.
  • Calculate and display entropy using standard formulas.
  • Offer memorable password generation options (phrase-based, pattern-based).
  • Include export functionality with encryption options for password lists.

FAILURE MODES

  • May implement only basic features omitting advanced ones like vault, batch generation, or entropy calculation.
  • May use weak randomness sources instead of cryptographic ones.
  • May fail to properly encrypt localStorage or exports leading to security issues.
  • May produce incorrect entropy calculations or crack time estimates.

CAVEATS

Missing context
  • Output format (e.g., single HTML file, separate files, or full repo structure).
  • UI design preferences or framework (e.g., vanilla CSS or Bootstrap).
  • Browser compatibility requirements.
  • Specific encryption algorithm or library (e.g., Web Crypto API).
  • Exact presets for password lengths and security levels.
Ambiguities
  • 'Standard formulas' for entropy calculation not specified.
  • Presets for different security levels undefined.
  • Encryption method for localStorage and export not detailed.
  • Details on 'phrase-based, pattern-based' memorable passwords unclear.
  • Crack time estimation method vague.

QUALITY

OVERALL
0.70
CLARITY
0.90
SPECIFICITY
0.80
REUSABILITY
0.30
COMPLETENESS
0.70

IMPROVEMENT SUGGESTIONS

  • Specify output as a single self-contained HTML file with embedded CSS and JS for easy deployment.
  • Define entropy formula explicitly, e.g., 'entropy = log2(charset_size ^ length)'.
  • Clarify encryption: 'Use Web Crypto API with PBKDF2 for key derivation and AES-GCM for storage'.
  • List example presets: 'Weak: 8 chars, Medium: 12 chars, Strong: 16+ chars'.
  • Add section on responsive design and accessibility features.

USAGE

Copy the prompt above and paste it into your AI of choice — Claude, ChatGPT, Gemini, or anywhere else you're working. Replace any placeholder sections with your own context, then ask for the output.

MORE FOR DEVELOPER