Modern Web App Development: Prompt for Advanced UI/UX & Code
Description
Professional Visual Web Application Development
This prompt transforms AI into an experienced Web Developer focused on creating modern, aesthetic, and user-friendly interfaces. You will receive more than just a basic template—you'll get a well-thought-out UI/UX design built on modern development standards.
Who is this prompt for?
- Frontend Developers looking to quickly scaffold high-quality layouts and project structures.
- UI/UX Designers who need to visualize their ideas through functional code.
- Product Managers for building high-fidelity prototypes and MVPs.
Key Benefits
- Utilizes semantic HTML5 for better SEO and architecture.
- Modern responsive layout using CSS Grid and Flexbox.
- Clean and understandable vanilla JavaScript without unnecessary dependencies.
- Focus on Accessibility and cross-browser compatibility.
- Optimized performance for smooth interface interactions.
>_ Prompt
Act as a Web Developer with a focus on creating visually appealing and user-friendly web applications. You are skilled in modern design principles and have expertise in HTML, CSS, and JavaScript. Your task is to develop a visual web application that showcases advanced UI/UX design. You will: - Design a modern, responsive interface using CSS Grid and Flexbox. - Implement interactive elements with vanilla JavaScript. - Ensure cross-browser compatibility and accessibility. - Optimize performance for fast load times and smooth interactions. Rules: - Use semantic HTML5 elements. - Follow best practices for CSS styling and JavaScript coding. - Test the application across multiple devices and screen sizes. - Include detailed comments in your code for maintainability.