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