Skip to main content

​
Overview

Snippets AI gives you powerful organization tools to keep your snippet library structured and searchable. With folders and tags, you can create a system that scales from dozens to thousands of snippets-and drag & drop makes organization effortless. This guide shows you how to create, nest, and manage folders and tags to build the perfect organizational structure for your team.

​
Why Organization Matters

As your snippet library grows, organization becomes critical:
  • Findability: Locate snippets in seconds instead of minutes
  • Team Clarity: Everyone knows where to find and save snippets
  • Scalability: Structure works with 10 snippets or 10,000
  • Context: Organize by project, type, team, or any taxonomy you need
  • Efficiency: Less time organizing, more time using snippets

​
How It Works

​
Folders

Folders provide hierarchical organization for your snippets.

​
Creating Folders

Method 1: Right-Click Menu
  1. Right-click in the folder list sidebar
  2. Select “New Folder”
  3. Name your folder
  4. Press Enter
Method 2: Toolbar Button
  1. Click the ”+” button in the folders section
  2. Enter folder name
  3. Press Enter

​
Nested Folders

Create nested folder hierarchies for complex organization: 
📁 Engineering
  📁 Frontend
    📁 React Components
    📁 CSS Utilities
    📁 TypeScript Types
  📁 Backend
    📁 API Routes
    📁 Database Queries
    📁 Authentication
  📁 DevOps
    📁 Docker
    📁 CI/CD
    📁 Deployment Scripts
To Create Nested Folders:
  1. Click the parent folder to select it
  2. Right-click → “New Subfolder”
  3. Or drag an existing folder onto another folder to nest it

​
Drag & Drop Folders

Reorganize your folder structure effortlessly: Moving Folders:
  • Drag a folder onto another folder to nest it
  • Drag a folder to root level to unnest it
  • Drag folders up/down to reorder at same level
Visual Feedback:
  • Hover indicator shows where folder will be placed
  • Drop zones highlight when dragging
  • Can’t drop folder into itself (prevented)

​
Folder Properties

Each folder can have:
  • Name: Descriptive folder name
  • Color: Optional color coding for visual organization
  • Icon: Custom icon (emoji or icon library)
  • Description: Optional description for team context

​
Tags

Tags provide flexible, non-hierarchical organization that complements folders.

​
Creating Tags

Method 1: In Snippet Editor
  1. Open any snippet
  2. Click in the tags field
  3. Type tag name and press Enter
  4. Tag is created and applied
Method 2: Tags Panel
  1. Navigate to Tags section in sidebar
  2. Click ”+” to create new tag
  3. Name your tag
  4. Apply to snippets as needed

​
Tag Naming Conventions

Good tag practices: Use Prefixes for Categories: 
#type-prompt
#type-code
#type-query

#project-website
#project-mobile-app

#lang-javascript
#lang-python
#lang-sql

#ai-chatgpt
#ai-claude
#ai-cursor
Keep Tags Focused:
  • ✅ #authentication
  • ✅ #api-design
  • ✅ #error-handling
  • ❌ #this-is-a-very-long-tag-name-that-explains-everything

​
Multiple Tags Per Snippet

Snippets can have multiple tags: 
Snippet: "React Auth Component"
Tags: #react #frontend #authentication #typescript #component
This enables finding the snippet through multiple paths.

​
Nested Tags

Create tag hierarchies with prefixes or separators: Prefix Method: 
#ai
#ai-prompts
#ai-prompts-chatgpt
#ai-prompts-claude
Slash Method: 
#code/react
#code/react/hooks
#code/react/components
Choose a convention and stick with it team-wide.

​
Drag & Drop Tags

Organize tags visually: Reordering:
  • Drag tags up/down in the tags list to reorder
  • Most-used tags at the top for quick access
Tag Merging:
  • Drag one tag onto another to merge them
  • All snippets with source tag get destination tag
  • Useful for consolidating duplicate tags
Tag Groups:
  • Drag tags into groups (if using prefix system)
  • Visual grouping for related tags

​
Drag & Drop Organization

The key to fast organization is drag & drop everywhere.

​
Dragging Snippets to Folders

  1. Select one or more snippets
  2. Drag them to target folder in sidebar
  3. Drop to move snippets to that folder
Multi-Select:
  • Cmd/Ctrl + Click to select multiple snippets
  • Shift + Click to select range
  • Drag entire selection at once

​
Dragging Snippets to Tags

  1. Select snippets
  2. Drag to tag in sidebar
  3. Drop to apply that tag to all selected snippets

​
Dragging Files to Import

Import external files by dragging them:
  1. Drag .txt, .md, .js, or other text files from Finder/Explorer
  2. Drop onto Snippets AI window
  3. Files are imported as new snippets (see Import Snippets guide)

​
Folder vs. Tag Strategy

When to use folders vs. tags:

​
Use Folders For:

  • Primary organization structure (projects, teams, categories)
  • Hierarchical relationships (parent-child relationships)
  • Team structure (mirrors your org chart)
  • Sequential workflows (step 1, step 2, step 3)

​
Use Tags For:

  • Cross-cutting concerns (language, tool, topic)
  • Multiple categorizations (snippet belongs to multiple contexts)
  • Dynamic grouping (quick filters)
  • Searchability (keywords for finding snippets)

​
Combined Example:

📁 Folder Structure (Hierarchy):
  📁 Frontend Team
    📁 Components
    📁 Utilities
  📁 Backend Team
    📁 APIs
    📁 Database

🏷️ Tag Strategy (Cross-cutting):
  #javascript #typescript #python
  #api #database #auth
  #chatgpt #cursor #claude
  #production #development #testing
A snippet can live in one folder but have multiple tags.

​
Best Practices

Start Simple: Begin with a few top-level folders. Add complexity as your library grows.
Consistent Naming: Agree on folder and tag naming conventions with your team. Document them.
Don’t Over-Organize: Perfect is the enemy of good. If you spend more time organizing than using snippets, simplify.
Use Search: Even with great organization, search is often faster. Organize enough to make search effective, not to eliminate search.
Periodic Cleanup: Schedule monthly reviews to consolidate tags, remove duplicates, and refine structure.

​
Advanced Organization

​
Color Coding Folders

Assign colors to folders for visual scanning:
  • 🔴 Red: Urgent/Critical snippets
  • 🟢 Green: Approved/Production-ready
  • 🔵 Blue: In Development
  • 🟡 Yellow: Needs Review

​
Folder Templates

Create folder structure templates for new projects: 
Project Template:
📁 New Project
  📁 Planning
  📁 Design
  📁 Development
    📁 Frontend
    📁 Backend
    📁 Database
  📁 Testing
  📁 Documentation
  📁 Deployment
Duplicate this structure when starting new projects.

​
Tag Taxonomy

Build a comprehensive tag system: Purpose Tags:
  • #template - Reusable templates
  • #example - Example code/prompts
  • #reference - Reference materials
  • #wip - Work in progress
Quality Tags:
  • #tested - Tested and verified
  • #approved - Team-approved
  • #draft - Not finalized
Context Tags:
  • #meeting - For meetings
  • #client - Client-facing
  • #internal - Internal use only

​
What’s Next

Drag & Drop Organization

Learn more about organizing snippets with drag & drop

Creating Teams

Organize snippets within team structures

Import Snippets

Import external files to kickstart your organized library