<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: M. Baharuddin Yusuf</title>
    <description>The latest articles on DEV Community by M. Baharuddin Yusuf (@byebyu).</description>
    <link>https://dev.to/byebyu</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F2447353%2F12f50311-11c3-4a95-bc62-d2b0ae2c7cd6.jpg</url>
      <title>DEV Community: M. Baharuddin Yusuf</title>
      <link>https://dev.to/byebyu</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/byebyu"/>
    <language>en</language>
    <item>
      <title>Higgsfield.ai Clone - Draw to Edit</title>
      <dc:creator>M. Baharuddin Yusuf</dc:creator>
      <pubDate>Mon, 15 Sep 2025 06:53:56 +0000</pubDate>
      <link>https://dev.to/byebyu/higgsfieldai-clone-draw-to-edit-4786</link>
      <guid>https://dev.to/byebyu/higgsfieldai-clone-draw-to-edit-4786</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://dev.to/challenges/google-ai-studio-2025-09-03"&gt;Google AI Studio Multimodal Challenge&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  What I Built
&lt;/h2&gt;

&lt;p&gt;Yo guys, i create a clone feature from Higgsfield.ai, &lt;u&gt;&lt;strong&gt;Draw To Edit&lt;/strong&gt;&lt;/u&gt;. For anyone that doesn't know about that feature in higgsfield.ai, u can check that in this link &lt;a href="https://higgsfield.ai/posts/2LrRHrSK4MAkZNurxqPwtm" rel="noopener noreferrer"&gt;https://higgsfield.ai/posts/2LrRHrSK4MAkZNurxqPwtm&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Basically that feature is to edit the base image with just give simple command and arrow. U don't have to write all prompt, just like drawing in canvas.&lt;/p&gt;

&lt;p&gt;U can give text with minimal clue then gemini will complete all for you. even maybe just add your image on top base image to make that fit to scene perfectly, just add image then create arrow pointed to spesific location in base image. i create this 3 hours before submission end. but fortunely i can submit in the last 5 minutes :).&lt;/p&gt;

&lt;h2&gt;
  
  
  Demo
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://ai-canvas-scene-creator-318270580130.us-west1.run.app/" rel="noopener noreferrer"&gt;https://ai-canvas-scene-creator-318270580130.us-west1.run.app/&lt;/a&gt;&lt;br&gt;
  &lt;iframe src="https://www.youtube.com/embed/bUVXu6c4A90"&gt;
  &lt;/iframe&gt;
&lt;/p&gt;

&lt;h2&gt;
  
  
  How I Used Google AI Studio
&lt;/h2&gt;

&lt;p&gt;i use google ai studio to create the code from beginning. But i test everything about the features, so i ended up with this idea. &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;google gemini-2.5-pro&lt;br&gt;
use this to analyze the base image that have draw on top of that, so the gemini will give few command thta later will use in google gemini-2.5 flash-image-preview to edit the image.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;google gemini 2.5-flash-image-preview&lt;br&gt;
now, after google gemini-2.5-pro give this model the command. i send the command with few images and base image to edit this magic things.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Multimodal Features
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;google gemini-2.5-pro&lt;br&gt;
just use the brain of this model to analyze the image provided.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;google gemini-2.5-flash&lt;br&gt;
just to edit the image to make the output result align with user expectation.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a class="mentioned-user" href="https://dev.to/byebyu"&gt;@byebyu&lt;/a&gt; &lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>googleaichallenge</category>
      <category>ai</category>
      <category>gemini</category>
    </item>
    <item>
      <title>Timelify - Timeline AI for YouTube 😎🧬</title>
      <dc:creator>M. Baharuddin Yusuf</dc:creator>
      <pubDate>Sun, 24 Nov 2024 07:30:51 +0000</pubDate>
      <link>https://dev.to/byebyu/timelify-timeline-ai-for-youtube-338k</link>
      <guid>https://dev.to/byebyu/timelify-timeline-ai-for-youtube-338k</guid>
      <description>&lt;h2&gt;
  
  
  Video to YouTube Timeline App
&lt;/h2&gt;

&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://dev.to/challenges/assemblyai"&gt;AssemblyAI Challenge&lt;/a&gt;: Sophisticated Speech-to-Text.&lt;/em&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  What I Built 🎥✨
&lt;/h2&gt;

&lt;p&gt;Ever struggled with making YouTube video timelines? Like, who has the time to sit down, rewatch their entire video, and write timestamps? Not me! That’s why I built &lt;strong&gt;Video to YouTube Timeline&lt;/strong&gt;, an app that does it for you.  &lt;/p&gt;

&lt;h3&gt;
  
  
  How It Works:
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Upload Your Video&lt;/strong&gt;: Toss your video file into my app like it’s a hot potato.
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Audio Extraction&lt;/strong&gt;: My app pulls out the audio faster than you can say “AssemblyAI.”
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;AI Magic&lt;/strong&gt;: That audio gets sent to &lt;strong&gt;AssemblyAI&lt;/strong&gt;, where their super-smart Universal-2 model listens carefully and says, “Here’s what’s going on!”
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Timeline Generation&lt;/strong&gt;: The app turns the AI’s notes into a perfect YouTube timeline format you can copy-paste into your video description. Boom, done. 🎉
&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;strong&gt;Coming Soon&lt;/strong&gt;: You’ll even be able to link a YouTube video directly (no upload required). Just link it, get your timeline, and flex on how fast you got it done.&lt;/p&gt;




&lt;h2&gt;
  
  
  Demo 🖥️
&lt;/h2&gt;

&lt;p&gt;Check it out: &lt;a href="https://youtube-timeline-generator-production.up.railway.app/" rel="noopener noreferrer"&gt;Demo&lt;/a&gt;  &lt;/p&gt;

&lt;h3&gt;
  
  
  Screenshots
&lt;/h3&gt;

&lt;h4&gt;
  
  
  1. Uploading a Video
&lt;/h4&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F1gd8r60wgk49ugoc3m90.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F1gd8r60wgk49ugoc3m90.png" alt="The main page of youtube timeline generator" width="800" height="374"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h4&gt;
  
  
  2. Generated Chapters (YouTube Timeline)
&lt;/h4&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fk9clr5tihx4x0vqnn2v8.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fk9clr5tihx4x0vqnn2v8.png" alt="Generated timeline after upload video" width="800" height="374"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  Journey 🚀
&lt;/h2&gt;

&lt;p&gt;So here’s the tea ☕: I wanted to make something cool with &lt;strong&gt;AssemblyAI&lt;/strong&gt;, and I thought, “What do YouTubers need?” A timeline generator, of course!  &lt;/p&gt;

&lt;p&gt;The app uses &lt;strong&gt;AssemblyAI’s Universal-2 Speech-to-Text Model&lt;/strong&gt;, which basically listens to your video’s audio and generates chapters based on what’s happening. I made sure the output is YouTube-friendly, so you don’t have to format anything. Copy. Paste. Done.  &lt;/p&gt;

&lt;h3&gt;
  
  
  Key Features:
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Super-fast audio processing (because nobody likes waiting).&lt;/li&gt;
&lt;li&gt;Accurate chapters that make you look like a pro.&lt;/li&gt;
&lt;li&gt;Coming soon: Direct YouTube video linking (it’s gonna be 🔥).
&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  What’s Next? 🛠️
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;YouTube Linking&lt;/strong&gt;: Just link your video, skip the upload, and let the app handle the rest.
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Edit Chapters&lt;/strong&gt;: Want to tweak those chapter names? Soon, you’ll be able to.
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;More AI Coolness&lt;/strong&gt;: Who knows what else we can automate for creators?
&lt;/li&gt;
&lt;/ol&gt;




&lt;h2&gt;
  
  
  Why AssemblyAI? 🤖
&lt;/h2&gt;

&lt;p&gt;Because their Universal-2 model is smart, fast, and gets the job done without breaking a sweat. (I’m convinced it’s cooler than me.)  &lt;/p&gt;




&lt;h2&gt;
  
  
  Team 💻
&lt;/h2&gt;

&lt;p&gt;It’s just me. A one-person army. If something breaks, blame me, too. 😅  &lt;/p&gt;




&lt;h2&gt;
  
  
  Fun Fact 🎉
&lt;/h2&gt;

&lt;p&gt;Building this app made me realize that AI doesn’t just listen better than me—it’s also more productive. Go figure.&lt;/p&gt;




&lt;h2&gt;
  
  
  Github
&lt;/h2&gt;

&lt;p&gt;Wanna see how the magic happens? Check out the code here: &lt;a href="https://github.com/ByeByu07/Youtube-Timeline-Generator" rel="noopener noreferrer"&gt;Github&lt;/a&gt;&lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>assemblyaichallenge</category>
      <category>ai</category>
      <category>api</category>
    </item>
  </channel>
</rss>
