May 19 • AI Tips
Vibe Coding HTML Landing Page Prompt
Create a single-page HTML, CSS, and JavaScript application with the following specifications:
1. CORE REQUIREMENTS:
- All code must be in one HTML file (no external files)
- Implement local storage functionality to save user data between sessions
- Include a clean, responsive UI using modern design principles
- Display status messages inline (no alert pop-ups)
- Include debugging tools and error messaging in the UI
- Make the app work offline after initial load
2. DATA MANAGEMENT:
- Save user creations as "cards" in a gallery view
- Each card should have options to view, copy, download, and delete
- Implement sorting and filtering functionality for the gallery
- Include search functionality to find specific saved items
3. SPECIFIC FUNCTIONALITY:
[DESCRIBE THE SPECIFIC FUNCTIONALITY HERE, E.G.:]
- Allow users to [specific action - upload images, record audio, etc.]
- Enable [specific manipulation - cropping, trimming, filtering, etc.]
- Provide options to [specific output - save, share, transform, etc.]
4. UI/UX REQUIREMENTS:
- Create a clean, intuitive interface with clear user guidance
- Use a modern color scheme with proper contrast ratios
- Ensure responsive design that works on mobile and desktop
- Include helpful tooltips and inline instructions
- Add progress indicators for longer operations
5. CODE QUALITY:
- Include comprehensive error handling
- Add comments explaining complex logic
- Organize code into logical sections with clear separation of concerns
- Use modern JavaScript practices (ES6+)
- Ensure the code is maintainable and readable
Please provide the complete HTML file that I can save and run locally without any external dependencies.
9
6 comments
Vibe Coding HTML Landing Page Prompt
skool.com/evyai
Join the AI for LinkedIn community to connect with like minded LinkedIn users who want to network and grow their presence on LinkedIn with evyAI.com
Leaderboard (30-day)
1
+787
2
🔥
+552
3
+549
4
+434
5
+288
Powered by