Mustafa Kayaoğlu - Vibe Coding | ContraWork by Mustafa Kayaoğlu
Mustafa Kayaoğlu

Mustafa Kayaoğlu

Digital designs, branding designs, and advertising creation.

New to Contra

Mustafa is ready for their next project!

Description In this project, I designed a mobile application where musicians and people interested in music can meet and connect with other musicians in their city. As someone interested in music, working on a project like this has been an idea on my mind for a while. I wanted to develop an app designed specifically for people who don't have music-loving friends around them and continuously practice their instruments alone at home, allowing them to connect with other musicians near their location. Designing this application with Google Stitch was truly fun and wonderful. How I Used Stitch First, I provided the prompt for the application I wanted and asked it to generate the design. Then, I created variations of the generated design. I exported the design I liked. Using the "Start with your design" feature, I uploaded the code.html and .png files, entered the app prompt again, and requested it to generate. Based on this design, it generated new, similar pages for me. I created new pages directly using commands. I edited some pages using the in-place AI editing feature. For some of the generated pages, I used the missing states feature to create their alternative pages. After creating all the pages, I used the add animation feature to bring the app to life. Then, I selected "create prototype," and Stitch generated the prototype. Feedback on My Experience Using Stitch This is my first time using Stitch, and I can say that my feedback regarding the application is positive. The results it produces are genuinely high quality. Being able to start not just with direct prompts but also with your existing design or design file, exporting the code and .md files of your designs, exporting to Figma and Google AI Studio, and—with the newly added feature—transferring to platforms like Lovable, Netlify, and Bolt are incredibly useful and time-saving features. Stitch is an excellent platform for bringing the application idea in your mind to life. It is a time-saving platform for application developers and designers. In particular, being able to upload your existing design, upload files with .md and .fig extensions, provide GitHub and website links, and export the design to platforms like Figma, Netlify, and Lovable are highly beneficial, time-saving features. Generating variations of designs, the missing states feature, and adding animations make the application much more practical. The add animation feature, in particular, was one I liked very much. Being able to easily add animations to pages is truly wonderful and a massive time-saver. Editing pages with in-place AI adjustments is also a handy feature, but having a manual editing feature for minor tweaks would be great too. For example, moving a text or a button to a different part of the page. Project Link: https://stitch.withgoogle.com/projects/2869292771815924013 Prototype Link: https://stitch.withgoogle.com/preview/2869292771815924013?node-id=506c4d3502d141778deabbf36224e99e
6
3
153
Project Description: This project is a jet aircraft flight simulation video. I recently went to an air show and it was incredibly impressive. Flying like that, performing acrobatic maneuvers in the sky as if dancing, is something I've always wanted to experience. I've always been interested in the sky, airplanes, and flying, and I've always wondered what it would feel like to be a pilot and fly like that. It must be an amazing experience. Then I thought, why not make a video about it? That's how the idea for my project was born. I'm not a pilot. I don't know how to fly a plane. I haven't actually experienced this, but why not make a video that would give me that feeling? I did some research online and honestly, I couldn't find a video that satisfied me in this way, so I decided to make one myself. It's a simulation video that gives me the feeling of flying in a jet aircraft while watching it. Preparing this project was exciting and enjoyable for me. Project Link: https://app.melius.com/projects/60ec6e13-bc4d-4606-afb9-afea7853f6b4/canvas/1ea177a6-0dad-4c90-b25e-79a0787dbb9b Process Steps: The Melius agent was incredibly useful in this project. I built a large portion of the project using the agent. My reason for doing this was to test the Melius agent and see what kind of output it would produce. I wanted to push the limits of the Melius agent and test how good a result it could deliver. Frankly, it produced excellent results and satisfied me. First, I explained to the agent in detail what I wanted. The agent then created a general outline for me. 1- The first node is an opening statement. It contains a definition of what the project is. 2- A storyboard that defines the second nodes scenes. 3- The third node is the visual generation node. This node, which is fed by the first and second nodes, generates the defined visual. 4- The fourth node is a video creation node. This node, which is fed by the visual node, defines and creates the video to be generated. 5- The final node where all these videos are combined into a single output. Feedback on Experience Using Melius: This was my first time using Melius. It wasn't too difficult for me to learn and use. It has a user-friendly interface. However, I still had some difficulty understanding certain parts at first. I think it would be great if Melius provided tutorial content for first-time users. The canvas usage is very accessible, clean, and comfortable. Although I was a little confused at first when using nodes, overall it's easy to use. Regarding the Melius agent, I can say that the results it produces are truly satisfying. It's an agent capable of fulfilling complex requests and delivering results according to the given commands. It understands the commands very well and produces the desired results. However, it shows all the credit costs to create an output and generates the entire output at once. Instead, showing where credits will be spent in sections and requiring approval would provide more freedom for the user. The credit limits are also somewhat restrictive. The high credit consumption, especially when creating videos, can be limiting for video creators.
2
2
167
UI I build for the Impossible UI with Rive challenge. I honestly liked this UI idea, which stemmed from my fascination with space. This is a space UI. The mystical atmosphere of space, the rotation of planets... Although I don't know how to use River advanced, I wanted to build a UI as best as I could. It was fun for me to do this work with Rive.
2
252
Here is the Morphic workflow I created. Have you ever thought about turning a drawing you made, or a drawing your child made, into an animation? You can accomplish this with this workflow. Whether it's a drawing you made by hand, a digitally created drawing, or images you generated with artificial intelligence. You can turn these into animations using this workflow. Upload your images, then write the story for your animation, and if you wish, describe the sound that will play in the video, and your animation is ready. You can try it right here. https://www.morphic.com/en/workflows/019dc95e-3914-7640-90c6-33bc24a69369/drawing-to-animated-video
0
100
This technique takes a single sublimation design you upload and transforms it into professional, studio-quality t-shirt and sweatshirt mockups. The design is placed with perfect proportion and no overflow, generating both clean product shots and realistic visuals on human models automatically. If you create printable digital designs and don’t want to spend time making mockups for each one individually, this system is built for you. Who is it for? Print-on-demand (POD) entrepreneurs Graphic designers Fashion and apparel brands Digital product sellers Designed for anyone who wants to create eye-catching, sales-ready product visuals in minutes. https://app.flora.ai/techniques/design-mockup
0
107
Client notes often arrive messy, incomplete, and hard to act on. This Notion AI agent turns rough input into a clear execution plan with priorities, deliverables, risks, and next steps. Instead of manually organizing scattered client notes, this Notion AI agent builds a usable project plan in seconds. https://www.notion.so/marketplace/custom-agents/client-workflow-operator
0
103
This is the app I designed for the Bubble Challenge. This app is both an educational and social media platform designed for musicians and music lovers around the world. It's a platform that brings together musicians of all levels from all over the world and allows them to interact. It's a platform where people interested in music can meet and chat, share their music, knowledge and experiences, create music events, and form music groups. This platform is not just a social media platform. It's also an educational platform where experienced musicians can share educational content and those in the learning phase can improve themselves. This is still an application in the testing phase. Here you can see what the application looks like and how it works. https://musiciannet.bubbleapps.io/version-test/login_screen
1
173
Yes, here I am sharing my video as the Kittl Challenge nears its end. 😊 This video is an advertisement for a fictional beverage brand made from fresh, natural fruits. I created a new brand identity inspired by Kittl templates. I created the images using Nano Banana Pro in Kittl. I created the videos using Seedance 1.5 Pro in Kittl. I used CapCut to trim and add sound. Here is the link https://app.kittl.com/project/cmmui4nty032r0i7p1oeoj4qe
4
22
544