2. ASCII Image Converter
BY AI STUDIO
Building an ASCII Image Converter with Google AI Studio. Leverage vibe coding to prompt Google AI Studio to deploy a functional web application based on aesthetic and functional requirements.
⭐ Define the Objective → Create a web-based tool where users can upload photos and instantly transform them into stylized ASCII art (composed of letters and numbers) or halftone patterns.
⭐ Craft the "Vibe" Prompt → "Build a responsive web application that allows users to upload images. The tool should convert these images into black-and-white, halftone-style visuals composed of alphanumeric characters.
UI/UX Requirements:
1. Aesthetic: Minimalist, high-contrast black-and-white UI with 'Glassmorphism' effects.
2. Layout: Fixed sidebar on the left (occupying <20% width) containing conversion variables and sliders. The Title should be in the top-left corner.
3. Display: The generated output should occupy the right-hand workspace.
4.Controls: Include adjustable parameters for character density, contrast, and brightness."
⭐ Iterative Refinement → Review the initial preview provided by Google AI Studio. Provide feedback to tweak the "vibe" (e.g., "Make the glass effect more blurred," or "Increase the character resolution"). Repeat until the output matches the vision.
⭐ Deployment → Once the code is finalized, export the repository to GitHub.