<?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: Arbab </title>
    <description>The latest articles on DEV Community by Arbab  (@arbabyousaf).</description>
    <link>https://dev.to/arbabyousaf</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%2F3969165%2Fea5c99ba-09fc-4c13-8a06-83998414ca37.jpeg</url>
      <title>DEV Community: Arbab </title>
      <link>https://dev.to/arbabyousaf</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/arbabyousaf"/>
    <language>en</language>
    <item>
      <title>How to Build and Deploy a Manifest V3 Chrome Extension Using Ai</title>
      <dc:creator>Arbab </dc:creator>
      <pubDate>Fri, 05 Jun 2026 06:54:38 +0000</pubDate>
      <link>https://dev.to/arbabyousaf/how-to-build-and-deploy-a-manifest-v3-chrome-extension-using-ai-5f1o</link>
      <guid>https://dev.to/arbabyousaf/how-to-build-and-deploy-a-manifest-v3-chrome-extension-using-ai-5f1o</guid>
      <description>&lt;p&gt;Setting up a Chrome extension from scratch is annoying. Dealing with the transition to Manifest V3, configuring service workers, ensuring your content scripts inject at the right point, and validating the manifest.json layout takes time you could spend building actual features.&lt;br&gt;
While you can try to coax ChatGPT or Claude into writing it, they often throw outdated MV2 code or leave out crucial background architecture.&lt;/p&gt;

&lt;p&gt;The Faster Route: ManifestGo&lt;br&gt;
Instead of fighting the boilerplate, you can use a dedicated sandbox like ManifestGo.app.&lt;br&gt;
Here is how simple the pipeline is now:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Head to the platform and describe your extension (e.g., "A sidebar utility that summarizes highlighted text using a local API").&lt;/li&gt;
&lt;li&gt;The AI generates the exact directory structure required by the Chrome Developer ecosystem.&lt;/li&gt;
&lt;li&gt;Hit download to get your structured ZIP package.&lt;/li&gt;
&lt;li&gt;Go to chrome://extensions, toggle Developer Mode, click Load Unpacked, and select your folder.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;By eliminating the initialization friction, you can test prototypes live in your browser almost instantly. Check it out at manifestgo.app and drop a comment with the links to your Chrome Web Store launches!&lt;/p&gt;

&lt;p&gt;I build 2 Powerful Chrome Extensions using my own website,&lt;/p&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%2Fqnnzf72tj4y8llb9w6dn.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%2Fqnnzf72tj4y8llb9w6dn.png" alt=" " width="800" height="449"&gt;&lt;/a&gt;&lt;/p&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%2Fu8dszxirfzfdl796qqmo.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%2Fu8dszxirfzfdl796qqmo.png" alt=" " width="800" height="449"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>ai</category>
      <category>webdev</category>
      <category>chromextensions</category>
      <category>architecture</category>
    </item>
    <item>
      <title>I MADE 2 POWERFUL CHROME EXTENSIONS WITHOUT WRITING A SINGLE LINE OF CODE</title>
      <dc:creator>Arbab </dc:creator>
      <pubDate>Fri, 05 Jun 2026 06:01:59 +0000</pubDate>
      <link>https://dev.to/arbabyousaf/-56oa</link>
      <guid>https://dev.to/arbabyousaf/-56oa</guid>
      <description>&lt;div class="ltag__link--embedded"&gt;
  &lt;div class="crayons-story "&gt;
  &lt;a href="https://dev.to/arbabyousaf/stop-writing-chrome-extension-boilerplate-let-ai-do-it-in-seconds-13h1" class="crayons-story__hidden-navigation-link"&gt;Stop writing Chrome Extension boilerplate. Let AI do it in seconds.&lt;/a&gt;


  &lt;div class="crayons-story__body crayons-story__body-full_post"&gt;
    &lt;div class="crayons-story__top"&gt;
      &lt;div class="crayons-story__meta"&gt;
        &lt;div class="crayons-story__author-pic"&gt;

          &lt;a href="/arbabyousaf" class="crayons-avatar  crayons-avatar--l  "&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%2Fuser%2Fprofile_image%2F3969165%2Fea5c99ba-09fc-4c13-8a06-83998414ca37.jpeg" alt="arbabyousaf profile" class="crayons-avatar__image" width="736" height="736"&gt;
          &lt;/a&gt;
        &lt;/div&gt;
        &lt;div&gt;
          &lt;div&gt;
            &lt;a href="/arbabyousaf" class="crayons-story__secondary fw-medium m:hidden"&gt;
              Arbab 
            &lt;/a&gt;
            &lt;div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block"&gt;
              
                Arbab 
                
              
              &lt;div id="story-author-preview-content-3824438" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0"&gt;
                &lt;div class="gap-4 grid"&gt;
                  &lt;div class="-mt-4"&gt;
                    &lt;a href="/arbabyousaf" class="flex"&gt;
                      &lt;span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0"&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%2Fuser%2Fprofile_image%2F3969165%2Fea5c99ba-09fc-4c13-8a06-83998414ca37.jpeg" class="crayons-avatar__image" alt="" width="736" height="736"&gt;
                      &lt;/span&gt;
                      &lt;span class="crayons-link crayons-subtitle-2 mt-5"&gt;Arbab &lt;/span&gt;
                    &lt;/a&gt;
                  &lt;/div&gt;
                  &lt;div class="print-hidden"&gt;
                    
                      Follow
                    
                  &lt;/div&gt;
                  &lt;div class="author-preview-metadata-container"&gt;&lt;/div&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;

          &lt;/div&gt;
          &lt;a href="https://dev.to/arbabyousaf/stop-writing-chrome-extension-boilerplate-let-ai-do-it-in-seconds-13h1" class="crayons-story__tertiary fs-xs"&gt;&lt;time&gt;Jun 5&lt;/time&gt;&lt;span class="time-ago-indicator-initial-placeholder"&gt;&lt;/span&gt;&lt;/a&gt;
        &lt;/div&gt;
      &lt;/div&gt;

    &lt;/div&gt;

    &lt;div class="crayons-story__indention"&gt;
      &lt;h2 class="crayons-story__title crayons-story__title-full_post"&gt;
        &lt;a href="https://dev.to/arbabyousaf/stop-writing-chrome-extension-boilerplate-let-ai-do-it-in-seconds-13h1" id="article-link-3824438"&gt;
          Stop writing Chrome Extension boilerplate. Let AI do it in seconds.
        &lt;/a&gt;
      &lt;/h2&gt;
        &lt;div class="crayons-story__tags"&gt;
            &lt;a class="crayons-tag  crayons-tag--monochrome " href="/t/ai"&gt;&lt;span class="crayons-tag__prefix"&gt;#&lt;/span&gt;ai&lt;/a&gt;
            &lt;a class="crayons-tag  crayons-tag--monochrome " href="/t/webdev"&gt;&lt;span class="crayons-tag__prefix"&gt;#&lt;/span&gt;webdev&lt;/a&gt;
            &lt;a class="crayons-tag  crayons-tag--monochrome " href="/t/extensions"&gt;&lt;span class="crayons-tag__prefix"&gt;#&lt;/span&gt;extensions&lt;/a&gt;
            &lt;a class="crayons-tag  crayons-tag--monochrome " href="/t/programming"&gt;&lt;span class="crayons-tag__prefix"&gt;#&lt;/span&gt;programming&lt;/a&gt;
        &lt;/div&gt;
      &lt;div class="crayons-story__bottom"&gt;
        &lt;div class="crayons-story__details"&gt;
          &lt;a href="https://dev.to/arbabyousaf/stop-writing-chrome-extension-boilerplate-let-ai-do-it-in-seconds-13h1" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left"&gt;
            &lt;div class="multiple_reactions_aggregate"&gt;
              &lt;span class="multiple_reactions_icons_container"&gt;
                  &lt;span class="crayons_icon_container"&gt;
                    &lt;img src="https://assets.dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="24" height="24"&gt;
                  &lt;/span&gt;
              &lt;/span&gt;
              &lt;span class="aggregate_reactions_counter"&gt;1&lt;span class="hidden s:inline"&gt; reaction&lt;/span&gt;&lt;/span&gt;
            &lt;/div&gt;
          &lt;/a&gt;
            &lt;a href="https://dev.to/arbabyousaf/stop-writing-chrome-extension-boilerplate-let-ai-do-it-in-seconds-13h1#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center"&gt;
              Comments


              &lt;span class="hidden s:inline"&gt;Add Comment&lt;/span&gt;
            &lt;/a&gt;
        &lt;/div&gt;
        &lt;div class="crayons-story__save"&gt;
          &lt;small class="crayons-story__tertiary fs-xs mr-2"&gt;
            2 min read
          &lt;/small&gt;
            
              &lt;span class="bm-initial"&gt;
                

              &lt;/span&gt;
              &lt;span class="bm-success"&gt;
                

              &lt;/span&gt;
            
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;/div&gt;


</description>
    </item>
    <item>
      <title>Stop writing Chrome Extension boilerplate. Let AI do it in seconds.</title>
      <dc:creator>Arbab </dc:creator>
      <pubDate>Fri, 05 Jun 2026 05:51:02 +0000</pubDate>
      <link>https://dev.to/arbabyousaf/stop-writing-chrome-extension-boilerplate-let-ai-do-it-in-seconds-13h1</link>
      <guid>https://dev.to/arbabyousaf/stop-writing-chrome-extension-boilerplate-let-ai-do-it-in-seconds-13h1</guid>
      <description>&lt;p&gt;Let's be completely honest, Building a Chrome extension is an awesome weekend project, but setting it up is an absolute nightmare.&lt;/p&gt;

&lt;p&gt;Instead of writing the actual features of your tool, you spend the first hour:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Wrestling with strict Manifest V3 json syntax.&lt;/li&gt;
&lt;li&gt;Debugging background service worker permissions.&lt;/li&gt;
&lt;li&gt;Creating local folders, terminal configurations, and boilerplate code.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;It completely kills the hype of building.&lt;br&gt;
I got tired of this endless setup loop, so I built a tool to skip it entirely: ManifestGo, It is literally build for Chrome Extensions.&lt;/p&gt;

&lt;p&gt;The Flow: From Prompt to .zip File&lt;br&gt;
I integrated top-tier Claude AI models directly into a clean, browser-native dashboard. You don’t need a local IDE, you don’t need Node modules, and you don’t need to open your terminal.&lt;/p&gt;

&lt;p&gt;Here is how simple it is:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Type your idea: "A tool that dark-modes any website and highlights broken links."&lt;/li&gt;
&lt;li&gt;AI does the heavy lifting: The engine instantly writes clean, error-free JavaScript code and structures your Manifest V3 file perfectly.&lt;/li&gt;
&lt;li&gt;One-Click Download: You get a clean, ready-to-go .zip archive.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Unpack it, load it into chrome://extensions, and your tool is live in your browser. That's literally it.&lt;/p&gt;

&lt;p&gt;🎨 See what you can build in seconds&lt;br&gt;
Instead of just talking about it, I used ManifestGo to build two functional extensions today. No manual coding, no boilerplate—just pure prompts.&lt;/p&gt;

&lt;p&gt;Example 1: AI Assistant Extension&lt;br&gt;
I wanted a quick AI helper right in my browser sidebar. I prompted ManifestGo, and it spit out the code instantly.&lt;br&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%2Ftpno3ve7uj2n2udv8l51.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%2Ftpno3ve7uj2n2udv8l51.png" alt=" " width="800" height="449"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Example 2: Custom Logo Builder&lt;br&gt;
I also built this tool that can build any type of logo for you. In just a single prompt I made this entire Chrome Extension without any errors or bugs.&lt;/p&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%2Fm7g5iwu53genajseeoau.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%2Fm7g5iwu53genajseeoau.png" alt=" " width="800" height="449"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://manifestgo.app/" rel="noopener noreferrer"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>ai</category>
      <category>webdev</category>
      <category>extensions</category>
      <category>programming</category>
    </item>
  </channel>
</rss>
