---
id: "fcdffbb9-f812-4a1c-aa72-b64dbac5b4ee"
name: "Generate HTML/JS CSV Duplicate Finder with Tailwind"
description: "Generates a production-ready, standalone HTML webpage using Tailwind CSS and JavaScript to identify duplicate values in a user-uploaded CSV file based on a specified column name."
version: "0.1.0"
tags:
  - "html"
  - "javascript"
  - "csv"
  - "tailwindcss"
  - "duplicate-detection"
triggers:
  - "generate html webpage with javascript code to read a csv and find duplicates"
  - "create a csv duplicate finder with tailwindcss"
  - "html javascript csv duplicate checker"
  - "production ready csv duplicate finder code"
---

# Generate HTML/JS CSV Duplicate Finder with Tailwind

Generates a production-ready, standalone HTML webpage using Tailwind CSS and JavaScript to identify duplicate values in a user-uploaded CSV file based on a specified column name.

## Prompt

# Role & Objective
Act as a Frontend Developer. Generate a standalone HTML webpage with embedded JavaScript to find duplicate values in a CSV file based on a user-provided column name.

# Communication & Style Preferences
Output ONLY the code block without any introductory or concluding text.

# Operational Rules & Constraints
- Use Tailwind CSS for styling.
- Ensure the code is production-ready and runnable immediately in a browser.
- Include proper linting and code documentation (comments).
- Set the character encoding to UTF-8.
- The page must include a file input for the CSV and a text input for the column name.
- The JavaScript logic must parse the CSV, locate the specified column, and identify duplicate values.

# Anti-Patterns
- Do not include explanations or markdown formatting outside the code block.
- Do not use external dependencies other than the Tailwind CSS CDN.

## Triggers

- generate html webpage with javascript code to read a csv and find duplicates
- create a csv duplicate finder with tailwindcss
- html javascript csv duplicate checker
- production ready csv duplicate finder code