<?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: Hugo Murillo Caparrós</title>
    <description>The latest articles on DEV Community by Hugo Murillo Caparrós (@productivitysuite).</description>
    <link>https://dev.to/productivitysuite</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.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4053644%2F105b2aea-c33c-42a8-8116-aa01a34837be.png</url>
      <title>DEV Community: Hugo Murillo Caparrós</title>
      <link>https://dev.to/productivitysuite</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/productivitysuite"/>
    <language>en</language>
    <item>
      <title>Bookmarks Saved My Links, but Not My Research — So I Built a Chrome Extension</title>
      <dc:creator>Hugo Murillo Caparrós</dc:creator>
      <pubDate>Wed, 29 Jul 2026 16:53:04 +0000</pubDate>
      <link>https://dev.to/productivitysuite/bookmarks-saved-my-links-but-not-my-research-so-i-built-a-chrome-extension-1a2l</link>
      <guid>https://dev.to/productivitysuite/bookmarks-saved-my-links-but-not-my-research-so-i-built-a-chrome-extension-1a2l</guid>
      <description>&lt;p&gt;I recently finished my studies in Multiplatform Application Development in Spain.&lt;/p&gt;

&lt;p&gt;While working on my final project, I kept running into a problem that had nothing to do with writing code: I could not keep my research organized.&lt;/p&gt;

&lt;h2&gt;
  
  
  The problem
&lt;/h2&gt;

&lt;p&gt;A normal research session would begin with three useful tabs.&lt;/p&gt;

&lt;p&gt;A few hours later, I would have twenty tabs spread across several windows:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Documentation&lt;/li&gt;
&lt;li&gt;Articles&lt;/li&gt;
&lt;li&gt;Similar projects&lt;/li&gt;
&lt;li&gt;Technical discussions&lt;/li&gt;
&lt;li&gt;Tutorials I wanted to revisit&lt;/li&gt;
&lt;li&gt;Sources I might need to cite&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Bookmarks preserved the URLs, but they did not preserve the context.&lt;/p&gt;

&lt;p&gt;Why did I save this page? Which project was it related to? Had I already read it? Which other sources belonged to the same investigation?&lt;/p&gt;

&lt;p&gt;I tried tab groups, bookmark folders and notes, but the research still ended up scattered across different places.&lt;/p&gt;

&lt;p&gt;So I started building my own solution.&lt;/p&gt;

&lt;h2&gt;
  
  
  Building Research Packs
&lt;/h2&gt;

&lt;p&gt;Research Packs is a Chrome extension that turns selected tabs into reusable research sessions.&lt;/p&gt;

&lt;p&gt;Instead of saving every page separately, you create a pack containing the sources that belong together.&lt;/p&gt;

&lt;p&gt;A pack can include:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Selected browser tabs&lt;/li&gt;
&lt;li&gt;Notes and tags&lt;/li&gt;
&lt;li&gt;A research project&lt;/li&gt;
&lt;li&gt;Source-specific notes&lt;/li&gt;
&lt;li&gt;Saved metadata&lt;/li&gt;
&lt;li&gt;The context needed to return later&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;When I need the research again, I can search for the pack and restore the complete session.&lt;/p&gt;

&lt;h2&gt;
  
  
  Why I chose a local-first approach
&lt;/h2&gt;

&lt;p&gt;Research can contain sensitive or unfinished information.&lt;/p&gt;

&lt;p&gt;I did not want users to create another account or upload their saved sources to an unknown server just to organize some tabs.&lt;/p&gt;

&lt;p&gt;Research Packs therefore stores its packs and notes locally in Chrome.&lt;/p&gt;

&lt;p&gt;This approach has limitations—particularly when thinking about synchronization and collaboration—but it makes the first version simpler and more private.&lt;/p&gt;

&lt;p&gt;It also forced me to think carefully about what the extension actually needed to store.&lt;/p&gt;

&lt;h2&gt;
  
  
  Features that grew from real use
&lt;/h2&gt;

&lt;p&gt;As I continued using the extension, saving tabs was no longer enough.&lt;/p&gt;

&lt;p&gt;I added features that solved problems I encountered during my own research:&lt;/p&gt;

&lt;h3&gt;
  
  
  Projects
&lt;/h3&gt;

&lt;p&gt;Related packs can be grouped into a larger project instead of becoming another flat list.&lt;/p&gt;

&lt;h3&gt;
  
  
  Search and duplicate detection
&lt;/h3&gt;

&lt;p&gt;Saved sources can be found through their titles, URLs, tags and notes. Duplicate links are detected before they create unnecessary clutter.&lt;/p&gt;

&lt;h3&gt;
  
  
  Session restoration
&lt;/h3&gt;

&lt;p&gt;A complete pack can be reopened when I want to continue the research.&lt;/p&gt;

&lt;h3&gt;
  
  
  Citation exports
&lt;/h3&gt;

&lt;p&gt;Saved sources can be converted into APA, MLA, BibTeX or RIS references.&lt;/p&gt;

&lt;h3&gt;
  
  
  Combined summaries
&lt;/h3&gt;

&lt;p&gt;Several sources can be brought together into a focused summary, making it easier to understand what the collection is actually about.&lt;/p&gt;

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

&lt;p&gt;The hardest part was not building the first working version.&lt;/p&gt;

&lt;p&gt;The difficult part was turning a tool that made sense to me into something another person could understand without an explanation.&lt;/p&gt;

&lt;p&gt;That meant spending a surprising amount of time on:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Onboarding&lt;/li&gt;
&lt;li&gt;Empty states&lt;/li&gt;
&lt;li&gt;Translations&lt;/li&gt;
&lt;li&gt;Accessibility&lt;/li&gt;
&lt;li&gt;Dark mode&lt;/li&gt;
&lt;li&gt;Clear permission explanations&lt;/li&gt;
&lt;li&gt;Store screenshots&lt;/li&gt;
&lt;li&gt;Privacy documentation&lt;/li&gt;
&lt;li&gt;Free and paid feature boundaries&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Publishing a browser extension also made me realize that development is only one part of launching a product.&lt;/p&gt;

&lt;p&gt;A finished application with no users provides very little information. Real feedback is what reveals whether the problem, onboarding and value proposition actually make sense.&lt;/p&gt;

&lt;h2&gt;
  
  
  Research Packs is now public
&lt;/h2&gt;

&lt;p&gt;Research Packs is now available on the Chrome Web Store.&lt;/p&gt;

&lt;p&gt;The core save-and-organize workflow is free. There are optional Pro features for more advanced research workflows, but no purchase is required to create and use research packs.&lt;/p&gt;

&lt;p&gt;You can try it here:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://chromewebstore.google.com/detail/research-packs/egpdhifjgdfcbofelgkhgaibdibgdnao?utm_source=devto&amp;amp;utm_medium=article&amp;amp;utm_campaign=research_packs_launch" rel="noopener noreferrer"&gt;Research Packs on the Chrome Web Store&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;This is my first public launch, and I would genuinely appreciate feedback from other developers.&lt;/p&gt;

&lt;p&gt;I am particularly interested in two questions:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;What do you currently&lt;/li&gt;
&lt;/ol&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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fb5k9mjdtr4risdmf73ag.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.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fb5k9mjdtr4risdmf73ag.png" alt=" " width="800" height="500"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>javascript</category>
      <category>productivity</category>
      <category>chromeextension</category>
    </item>
  </channel>
</rss>
