Chaos
Structure and order
I got up today, had my coffee, ate breakfast, vacuumed, took out the trash, turned on my computer and something came to mind.
I have way too many unorganized bookmarks and I just keep piling them up. What if I asked Claude to help me reorganize them? That way I could share the sites I have found with you, and I would have a clearer overview of everything myself.
How it works and what you need
- A $20 Claude plan is the minimum. I use the $100 Max plan, but for a task like this $20 is enough.
- If you use Chrome like I do, open the bookmark manager with
Ctrl+Shift+O(Cmd+Option+Bon a Mac), click the three dots in the top right corner and choose Export bookmarks.
1. Ask Claude for an audit of the HTML file you downloaded
Analyze these bookmarks and suggest a clean, structured folder hierarchy based on the themes you see.
Claude read and analyzed every link and gave me an audit before I approved it to make a new HTML file.
Don't worry, the HTML of your old bookmarks is your backup. If something goes wrong (it won't), you still have the old HTML on your desktop.
2. Tell Claude yes and approve the new HTML
Once you approve, Claude gets to work. When it is done, import the new HTML into the bookmark manager.
3. Import the new, clean HTML
Open the bookmark manager, delete the old folders first, then choose Import bookmarks from the same three-dot menu. Chrome adds an Imported folder as a new bookmark, which you can now organize however you like.
Afterchrome://bookmarks
- Bookmarks bar
- Inspiration
- Design Tools
- Color & Gradients
- Shaders & Motion
- Fonts
- Assets & Mockups
- UI & Code
- Figma & Framer
- AI Tools
- Learning
- Career
- Marketing & Social
- Personal
- Archive
- Color Palette Pro
- Poline - Esoteric Color Palette Generation Library
- Grayscale with Temperature · M.A. Baytaş
- OKLCH Gradient Generator
- Gradient Easy - Advanced CSS Gradient Generator
- 1000+ Gradients and AI-Generated Backgrounds
- Supa Colors | Supa Colors
- Peel - Extract design tokens from any image, video or website
- Free Photoshop Gradients for 2023 - Resource Boy
I turned it all into a skill, so you don't have to
A Claude Skill is a set of instructions Claude loads before it starts working. Instead of explaining the same process every time, all I have to do once every 3 to 6 months is /organize-bookmarks.
To install it:
- Create a folder named
organize-bookmarksinside~/.claude/skills/(on Windows,C:\Users\<you>\.claude\skills\). - Save the skill below into that folder as
SKILL.md. - Start a new Claude Code session, share your HTML and run the skill with
/organize-bookmarks.
Or copy the skill
Copy the block below or download SKILL.md.
---
name: organize-bookmarks
description: Audit a browser bookmarks export (Chrome, Edge, Brave, Arc or Firefox HTML file), propose a clean folder hierarchy, and generate a reorganized file ready to import. Use when the user shares a bookmarks .html file or asks to clean up, sort, or restructure their bookmarks.
---
# Organize Bookmarks
Turn a messy bookmarks export into a clean, importable folder structure. The user decides the structure; you do the counting, sorting and file writing.
## Ground rules
- Never modify the original export. Write a new file next to it.
- Never open or fetch the bookmarked URLs. Sort by title and URL only.
- Never delete a link without the user's approval. Uncertain or stale links go to an Archive folder.
- Do not continue past the proposal step until the user approves the hierarchy.
## Step 1: Inventory
The export is a Netscape bookmark file (`<!DOCTYPE NETSCAPE-Bookmark-file-1>`). Folders are `<H3>` tags, links are `<A HREF>` tags, and nesting follows `<DL>` / `</DL>` pairs.
Do not read the raw file into context: `ICON` attributes hold large base64 favicons. Write a short script (Node or Python, whichever is installed) that prints:
- the total number of links
- every folder path with its direct link count
- every link as `folder path | title | URL`, with the `ICON` data stripped
## Step 2: Audit
Report briefly what is wrong with the current structure:
- **Catch-alls:** folders with many links on unrelated topics.
- **Misfiled links:** links whose topic does not match their folder name.
- **Overlap:** several folders doing the same job.
- **Loose links:** links that sit outside any folder.
- **Duplicates:** the same page saved twice.
- **Not real bookmarks:** `chrome://` pages, login screens, chat conversation links, map pins and private working files.
## Step 3: Propose a hierarchy
Follow these rules unless the user asks otherwise:
1. Name folders after what is inside, not after who made it.
2. Separate things to look at (inspiration) from things to use (tools).
3. Keep personal life in its own top-level folder, away from work.
4. The bookmarks bar holds only daily links (shown as icons) plus the top-level folders.
5. Use five to nine top-level folders, at most two levels deep.
6. Include an Archive folder for links to review later.
Show the proposed tree with the link titles that go in each folder, then list what you suggest archiving or removing. Ask the user to approve or edit it, and wait for their answer.
## Step 4: Generate the file
After the user approves, write a script that:
1. Reads the original export and collects every `<A ...>title</A>` with all of its attributes intact (`HREF`, `ADD_DATE`, `ICON`).
2. Assigns each link to exactly one folder using URL matching rules. The first matching rule wins.
3. Removes only exact duplicates and the links the user approved for removal.
4. Stops with an error that lists every link no rule matched. Fix the rules and run it again until nothing is unmatched.
5. Writes a valid Netscape file next to the original as `<original-name>_organized.html`:
- The bar folder is `<H3 PERSONAL_TOOLBAR_FOLDER="true">Bookmarks bar</H3>`.
- Each folder is `<DT><H3>Name</H3>` followed by `<DL><p>` ... `</DL><p>`.
- `&` in folder names is escaped as `&`.
6. Prints the link count per folder, plus how many links were kept and removed.
## Step 5: Verify
- Kept plus removed must equal the original total.
- The number of `<A` tags in the new file must equal the kept count.
- The number of `<DL><p>` and `</DL><p>` tags must match.
Report the final tree with counts, and list anything removed.
## Step 6: Import instructions
Give the user these steps:
1. Keep the original export as a backup.
2. Open the bookmark manager (`Ctrl+Shift+O` on Windows, `Cmd+Option+B` on Mac).
3. Delete everything in the Bookmarks bar. If the bar is not empty, Chrome puts the import into a separate "Imported" folder.
4. Open the three-dot menu, choose **Import bookmarks** and select the new file.
In Firefox, use **Bookmarks > Manage Bookmarks > Import and Backup > Import Bookmarks from HTML** instead.