DevStack
The Extension That Fixed VSCode
TLDR:
| 🚀 FIRST-IN-CATEGORY · Exclusive Innovations |
🏆 BEST-IN-CATEGORY · Superior Workflow Tools |
 Operate AI outside the data set
- Shapeshifter - adapts prompts dynamically
- Rule breaker - bypasses AI limitations and training constraints
- Trickster - manipulates the system cleverly
- Boundary crosser - transcends what the base model can do
- Chaos agent - creates novel solutions outside training data |
Deterministic AI Prompt Compiler
Achieves unprecedented AI success rates through zero-touch context assembly. Automatically gathers files, dependencies, and project structure—eliminating manual prompt engineering and copy-paste workflows entirely. |
 Tailwind V4 Plug-In
Don't want to upgrade from v3? Me neither, but that's ok... I got you, just plug and play |
Tailwind Preset Config Ngin
By only modifying 3 variables, you have 525+ combinations in options in terms of not only how your site looks but also feels. Supply a preset, theme and font and whether it be sizing, colors, spacing, padding, typography... All factors change dynamically across your entire project. |
★ Live VS Code Internals Inspector
The only UI-driven tool to expose VS Code's internal context and config APIs. Debug and manipulate workspace state in real-time without writing a single line of code. |
 Snippet Development Studio
A full-featured web IDE for snippets with Monaco editor integration. Build and share team snippets 10x faster than the native JSON editor. |
 Workspace Layouts
Total environment restoration in one click. Instantly reset your theme, UI visibility, terminals, tabs, and view focus for a perfect setup every time. |
 Command Palette on Steroids
Access a library of 5,175+ searchable commands with deep descriptions and instant category filtering. |
Intelligent Command Ngin
Master 17 execution patterns including sequential, concurrent, and mixed-mode grouping. Run PowerShell and WSL Bash side-by-side in unified, color-coded terminals. |
☆ Visual Command Architecture
A powerful tree view featuring 520+ icons and unlimited nesting. Find and execute complex workflows faster than the standard palette. |
☆ Enterprise Config Scaling
Built for complexity. Battle-tested across 45+ workspaces managing 20,000+ lines of configuration with seamless Global-to-Workspace merging. |
★ Enterprise-Grade Bookmarks
Global, shareable, and line-specific bookmarks with unlimited nested organization and integrated search. |
★ Auto-Generated Prisma Schemas
Eliminate manual maintenance. The engine scans your codebase and automatically generates or updates your Prisma schemas on the fly. |
☆ Extension Dev Automation
Skip the CI/CD overhead. One-click local packaging and installation lets you test and ship extensions in seconds. |
☆ Context-Aware Settings Toggles
Dynamically generated UI toggles for every VS Code setting. Manage your entire environment and all installed extensions with one-click simplicity. |
★ Professional Clipboard History
A high-performance 100-item history with hover previews. Pro-level clipboard management built directly into your editor. |
☆ Catalyst-UI: X
While using the same API as you would work with CSS variants for components, this new react component building method now offers DOM variants in addition. |
 Search Editor
VS Code's search editor reimagined with live find/replace across all results. Edit matches directly in the search view and save changes to all files at once—no navigation required. |
|
★ Ultimate Settings.json Guide
The definitive deep-dive into VS Code's hidden configuration APIs and theme customization. Reveals undocumented settings, solves critical performance bottlenecks, and explains the architecture behind this extension's unique capabilities. |
100+ Dev Tools. One Extension. Zero Bloat.
Outperforms 15+ standalone extensions combined. Auto-switches between 45+ workspaces. Proven at 20,000+ settings.
The only extension designed to scale with you over time.
/DEVSTACK SYSTEM ROOT/
├── 📂 TABLE OF CONTENTS/
│ ├── OVERVIEW
│ ├── GETTING STARTED & USAGE
│ ├── LICENSE
│ └── ACKNOWLEDGMENTS
│
├──  .................................... Badge legend
│ ├──  ............................. May be its own feature and / or an umbrella for others
│ ├──  .............................. Completed and tested
│ ├──  ................. Passed tests, but currently no docs
│ ├──  ............................. Implemented, not tested, no docs
│ ├──  .............................. No docs, not tested
│ ├──  ........................ In development
│ ├──  ................................ Feature has been decided upon
│ ├──  ................................ Thinking about it adding it, on the fence
│ └──  ......................... Feature is currently down
│
├──  ................................ Terminal and Multi Kernel Ngin
│ ├── 📂 Item Types ........................... VFS item types
│ │ ├── 📄 `file` ........................... Providing shortcuts to any file in any location
│ │ ├── 📄 `md` ............................. Same as above, but for md
│ │ ├── 📄 `fileAtLine` ..................... Instead opens the file at a specific line number
│ │ ├── 📄 `folder` ......................... To house virtual file items within for organization
│ │ ├── 📄 `url` ............................ When executed, opens that url in your default browser
│ │ ├── 📄 `command` ........................ Executes vscode command
│ │ ├── 📄 `chain` .......................... Executes any item type in a sequential firing order
│ │ ├── 📄 `concurrent` ..................... Executes all commands, at once
│ │ │ └──  ................ item type adjustment, migrate from powershell to node for faster,
│ │ │ └── better terminal ux, essentially going back to the old version
│ │ ├── 📄 `cmmdChain` ...................... A chain of commands consisting of only vscode commands
│ │ ├── 📄 `conditionalChain` ............... Depending on your checks, can execute or not in any form
│ │ ├── 📄 `powershellCommand` .............. Executes powershell commands
│ │ ├── 📄 `debianCMD` ...................... Executes baash commands in WSL's Debian enviroment
│ │ ├── 📄 `snippet` ........................ Copy snippet body to clipboard
│ │ ├── 📄 `copyValue` ...................... Copy value to clipboard
│ │ ├── 📄 `settingsToggle` ................. Toggle workspace or global settings.json key:value pair
│ │ ├── 📄 `search` ......................... Searches, executed whenever you need with a click
│ │ ├── 📄 `apiCall` ........................ Trigger Pre-made HTTP API requests at any time
│ │ ├── 📄 `tasks` .......................... Auto generates within the explorer for easy access
│ │ ├── 📄 `npmScripts` ..................... Same as above but with your packages scripts
│ │ ├── 📄 `label` .......................... Visual divider used to break up an area
│ │ ├──  ........................ new item type.
│ │ ├──  ............................ There are docs but right this second, its untested
│ │ ├──  ............... Install/uninstall/update multiple npm packages in one click
│ │ │ ├── with predefined sets (ie "React setup" installs react, react-dom, types in one go
│ │ │ └── vs typing each npm install command)
│ │ └── 📄 `layout` ......................... Taking complete control, of vscode and its interface
│ │ ├──  WS Layout Ngin . Total environment restoration in one click. Instantly reset
│ │ │ └── theme, UI visibility, terminals, tabs, view focus and more
│ │ └──  Global, Profile and Workspace context intelligent
│ │
│ ├── 📄 Auto-Generated Items ................. Automatically generated VFS items
│ ├── 📄 Virtual Filing System ................ Core VFS Engine
│ ├── 📄 Files & Navigation ................... File management and navigation
│ ├── 📄 Commands & Automation ................ Command execution and automation workflows
│ ├── 📄 Terminal Commands .................... Terminal command integration
│ ├── 📄 Utilities ............................ Utility functions and helpers
│ ├── 📄 Project Agnostic Setup ............... Framework-agnostic configuration
│ ├──  ........................ Move items with ease with the VSCode ui
│ ├──  .................. Provides a list of folders contained within other configs,
│ │ └── once clicked pastes it into the current configs file
│ │
│ ├──  ........................ Provide the entire powershell command
│ │ ├── replacing the port number with ${PORT}
│ │ ├── so wheenver you have a project that takes up a lot of running servies on ports, instead of assigning
│ │ ├── with possible collission, it auto assigned ports, and auto creates new terminals to run them in,
│ │ └── unless args.concurrent: true
│ ├──  ........................ Parse commits since last release
│ │ ├── Generate changelog markdown
│ │ ├── Group by type (feat/fix/breaking)
│ │ └── Update version numbers
│ ├──  ............................ Grabs your workspaces schema file and automatically
│ │ ├── creates a file that generates
│ │ ├── data for all schema declarations that can be called in your seed file
│ │ ├── Ensures that the automated mock data generation stays seperate from your projects code
│ │ └── instead of implementing it into it
│ ├──  ..................... A package manager cache available in any workspace
│ │ ├── Architecture
│ │ │ ├── projects.cache
│ │ │ ├── modules.cache
│ │ │ └── extensionStorage
│ │ │ └── node-modules-cache
│ │ │ ├── react@18.2.0/
│ │ │ └── react@18.3.1/
│ │ └── hijacks install process
│ │ ├── scanning local registry and use local matches first before downloading any other libraries
│ │ ├── installing them into the registry to be used in your project. places all new modules in ext
│ │ ├── folder and registry. Once installation has been completed triggers background process to
│ │ ├── scan all other projects leveraging the system and matching the registy with the current state
│ │ ├── of each projects package data, ensuring nothing gets stale and libraries that are no longer in use
│ │ └── are removed from your file system
│ │
│ ├── 📂 CONFIGURATION_AND_MORE/
│ │ ├── 📄 Complete Example ................ Production configuration walkthrough
│ │ ├── 📄 Usage & Previews ................ Examples and previews
│ │ ├──  ............ Recorded coding session proving zero performance losses
│ │ │ └── despite having 100+ extensions worth of functions.
│ │ ├── 📄 Getting Started w/ Chains ....... Chain automation guide
│ │ ├── 📄 Config Items Examples ........... Production configuration walkthrough
│ │ ├── 📄 Extension Configuration ......... Extension settings overview
│ │ ├── 📄 Configuration Settings .......... Core extension settings
│ │ ├── 📄 Core Settings ................... Core extension settings
│ │ ├── 📄 Code Snapshot Settings .......... Core extension settings
│ │ ├── 📄 GitHub Integration .............. Single click multi function operations
│ │ ├── 📄 Build & Automation Settings ..... The lack of non-automation
│ │ ├── 📄 UI & Interface Settings ......... Core extension settings
│ │ ├── 📄 Feature Toggles ................. Feature flags and toggles
│ │ ├── 📄 Copy Path ....................... Path copying utilities
│ │ ├── 📄 Reveal In Explorer .............. File explorer integration
│ │ ├── 📄 Search .......................... Search functionality for config items
│ │ ├── 📄 JSON Config Editor .............. Edit .json configs directly
│ │ ├── 📄 Share Config .................... Bulk sharing
│ │ ├── 📄 Import / Export Config .......... Allows backups, and more
│ │ ├── 📄 View Config Example ............. Configuration examples
│ │ ├── 📄 Default Apps .................... App configurations
│ │ ├── 📄 ESLint & Prettier Configs ....... App configurations
│ │ ├──  ............ Profiles for configs: save/download/edit
│ │ └── 📄Architecture Notes ............... Breaking down the inner workings of the extension
│ │ ├── 📄Env Var Integration ......... using .env vars
│ │ ├── 📄Modular Func. Building ...... Exposing more functions to use
│ │ ├── 📄Automation Principles ....... How it came to be 150+ extensions
│ │ ├── 📄The Autorun System .......... Help with build processes
│ │ ├── 📄Dynamic Package Manager ..... Scan for your package mgr at execution time
│ │ ├── 📄Terminal & Command Ngin ..... The breakdown
│ │ ├── 📄Concurrent And Chain ........ What can be acheived
│ │ ├── 📄Autonomous Maintenance ...... Removing the dev from the equation
│ │ ├── 📄Naming Conventions .......... So as to not have to include docs, for every single thing
│ │ ├── 📄Settings & Migration ........
│ │ ├── 📄pro7 ........................ Password protected that can be pushed
│ │ ├── 📄Local Encryption ............
│ │ ├── 📄Context .....................
│ │ └── 📄VSIX Archiver ............... Custom less restrictive archiving tool
│ │
│ ├── 📂 CUSTOM_FUNCTION_BREAKDOWNS/
│ │ └── 📄 Order 1 through # ............... Step by step breakdown on executing order #
│ │
│ └── 📂 STATUSBAR_AND_CONTEXT_MENU_SYSTEM/
│ ├── 📂 STATUS_BAR_DASHBOARDS ........... What you have access to
│ │ ├── 📄 Clipboard History Pro ....... Simply, the windows version vscode
│ │ ├── 📄 Bookmarks ................... Bookmark anything, anywhere
│ │ ├── 📄 Icons ....................... React icons, inserts at cursor / copies to clipboard
│ │ ├── 📄 Snapshot Ngin ............... Instant snapshot
│ │ ├── 📄 UI .......................... Copies to clipboard one of 2500+ components
│ │ ├── 📄 BE .......................... Bleeding edge features
│ │ └── 📄 DevStack .................... Main quickpick encompassing a great many of topics
│ ├── 📄 EXPLORER_CONTEXT_MENU ........... Accessing features bound to file type
│ └── 📄 EDITOR_CONTEXT_MENU ............. A treasure trove of functions
│
├── 📂 CATALYST_SOFTWARE/
│ ├── 📄 ASGARD ............................... Centralized CLI for all things catalyst software
│ │ └── Has the ability to install / update / configure:
│ │ ├── create-remix2, choosing such will also pre-install ui and icons
│ │ ├── MIÐGARÐR UI
│ │ ├── Icons
│ │ └── and more...
│ ├──  ............................ Artificial Intelligence
│ │ ├── 📄 Deterministic AI Ngin Compiler .. Removing 99% of problems you face as a dev when working
│ │ │ └── with prompts
│ │ ├──  ..................... `A Deterministic AI Engine Compiler` prompt
│ │ │ └── and creating a DX that cannot be found anywhere else
│ │ └──  .................... Creating outside of the data set
│ │
│ ├──  ............................. CSS and Tailwind
│ │ ├── 📄 CSS ............................. Put as simply as I can, recreating tailwind but thinking of the
│ │ │ ├── user first. ie, one click installation and configuration of a basic set up
│ │ │ └── in order to get the user started.
│ │ ├── 📄 tailwind.config.js .............. Creates a basic config file
│ │ ├── 📄 tailwind.config Preset Ngin ..... 525+ configurations available
│ │ ├── 📄 tailwind.css .................... Pre-configured CSS file
│ │ ├── 📄 postcss.config.js ............... Basic postcss file
│ │ └── 📂 PLUGINS/ ........................ Tailwind Plugin Ngin
│ │
│ ├──  ............................ React icon library
│ │ ├── 📄 Icons NPM Package ............... Package integration
│ │ ├── 📄 Icons Quick Pick ................ Icon selection tool
│ │ ├── 📄 Icons ........................... Rendered icons provided via library
│ │ └── 📄 File Ext Icons .................. Custom Icons used in the explorer pane
│ │
│ └──  ....................... React UI components library
│ ├── Hosts features that are found in the extension and the ui site
│ ├── 📂 VSCode Extension
│ │ ├── 📄 MIÐGARÐR UI ............... Component library core
│ │ ├── 📄 Editor Context Insert ....... Context menu component insertion
│ │ ├── 📄 Quick Pick Insert ........... Quick pick component insertion
│ │ ├── 📄 Automated Installation ...... Install library through extension
│ │ │ └── 📄 NPM Listing ............ Docs outlining the library
│ │ ├──  ... Type '<' followed by the start of the components name
│ │ │ └── `Bu...` → suggests Button with full docs
│ │ ├──  ...... Shows props with type-aware snippets
│ │ ├──  ............... Live tooltip showing all props as you type inside a
│ │ │ ├── component's props - providing you with the available parameters/props for each
│ │ │ └── component as you type
│ │ ├──  .......... Hover over component for full docs and examples
│ │ ├──  .................. Quick fix to add missing imports
│ │ ├──  ............... Jump to component source
│ │ └──  ........ Diagnostic warnings for imported components
│ │
│ └──  ..................... All the tools we use, just in one place
│ │
│ └──  ..................... Monaco-level editor
│ ├── Documentation
│ └── Editor
│
├──  .................................... To dos, notes, reminders and post it notes
│ └── Recently merged, 2-3 of its least used functions not working
├──  ............................... React performance functions designed to help
│ │ └── around several areas. Queuing, batching, throttling and rate limiting.
│ └── 📄 HÖFUÐ ............................... Intellisense Schema Ngin
├── 📄 Export Index Creator ..................... Export index creator
├── 📄 Named Export Index Creator ............... Named export index creator
├── 📄 Left Off Note ............................ Session note tracking
├──  ................................ Batch Rename - Bulk renaming
├──  ................................ Nesting configuration
├── 📄 VSIX Archiver ............................ Custom extension packaging
├──  ..................... Accompanying the above archiver
├── 📄 Region Folding ........................... Fold/toggle region folding
├──  .............................. File tree builder & virtualizer
│
├── 📂 MARKDOWN/
│ ├── 📄 MD Viewer/Renderer ................... Standard Markdown viewing
│ ├── 📄 MD Viewer In VS Code ................. Native VS Code integration
│ ├── 📄 Convert MD to Safe String ............ Markdown to safe inline string
│ ├── 📄 Markdown Cheat Sheet ................. Markdown reference
│ ├── 📄 Markdown Pre-Processor ............... Converting variables, table structures, toc's
│
├──  ................................. Snippets Suite
│ ├──  ........................ Snapshot to terminal window
│ ├── 📄 Workspace Context .................... Context-aware code snippets
│ ├── 📄  ........................ Perserving knowledge for now, for always
│ └── 📄 Snippets Studio ...................... Create / edit snippets.
│ ├── Visit documentation ................
│ ├── Link to Snippets Editor ............
│ ├── Snippet Profiles ...................
│ ├── Native Feature Set .................
│ └── Remote Access ......................
│
├── 📂 HUGINN/ .................................. remix-run utilities
│ ├── 📂 PROJECT_UTILS/
│ │ ├── 📄 npx create-remixv2 ............... Scaffolding engine
│ │ ├── 📄 V1 -> V2 Conversion .............. Routing migration
│ │ ├── 📄 Monorepo Conversion .............. Single app to monorepo
│ │ ├── 📄 Create Single App ................ React Router setup
│ │ ├── 📄 Platform Conversion .............. Convert to Platform X
│ │ ├── 📄 Create Monorepo .................. Monorepo scaffolding
│ │ ├── 📄 Build & Deploy ................... Automation workflow
│ │ └── 📄 RR Folder Routing ................ React Router routing logic
│ │
│ ├── 📂 AUTH_UTILITIES/
│ │ ├── 📄 Install Auth ..................... Authentication setup
│ │ └── 📄 Install OTP ...................... One-time password setup
│ │
│ └── 📂 ROUTE_UTILITIES/
│ ├── 📄 Automatic Action ................. Remix action generator
│ ├── 📄 Context Utils .................... Components/Functions
│ ├── 📄 Browser Integration .............. Open route file in browser
│ ├── 📄 Route File Creator ............... Create route files
│ ├── 📄 Test Generator ................... Tests for routes/actions
│ ├── 📄 Code Insertion ................... Remix Run insert code
│ ├── 📄 Error Boundary ................... Error boundary generator
│ ├── 📄 Meta Function .................... Meta function utility
│ ├── 📄 Links Function ................... Links function utility
│ ├── 📄 Preview Route .................... Preview route URL
│ └── 📄 Action Object .................... Create action object
│
├── 📂 MUNINN/ .................................. Prisma utilities
│ ├── 📄 Best Practice Guide .................. Prisma best practices
│ ├── 📄 Include Object ....................... Create include object
│ ├── 📄 Schema Navigation .................... Click to schema object
│ ├── 📄 CRUD Resolver Gen .................... Resolvers / REST endpoints
│ ├── 📄 Auto Create Schema ................... Automatic schema generation
│ └──  ............................. Schema relations visualization
│
├── 📂 SHADCN_UI/
│ ├── 📄 Add Components ....................... Component addition
│ ├── 📄 Install w/ Config .................... Component install with configuration
│ └── 📄 Insert Components .................... Component insertion
│
├── 📂 VÖLUNDR/ ................................. cleanup / refactoring / automation
│ ├── 📄 Trailing Commas ...................... Remove trailing commas
│ ├── 📄 BRAGI - Comment Killer ............... Remove all comments
│ ├── 📄 Console.log Killer ................... Remove all console.log
│ ├── 📄 Unused Imports ....................... Remove unused imports
│ ├── 📄 Inline Imports ....................... Inline imports utility
│ └── 📄 JSON Validator ....................... Formatting and validation
│
├──  ................................... Search & Discovery
│ ├── 📄 Search Editor ....................... Power custom search ngin, expanding on vscodes capabilities
│ │ ├── 📄 Remote Editing ................. Make file changes without navigating to the file
│ │ ├── 📄 Configurable Searches .......... Create file tree items that trigger preconfigured searchs at will
│ │ ├── 📄 Regex History & Helper .........
│ │ └── 📄 Fuzzy Search ...................
│ ├── 📄 File Search Jumper .................. Ultra-fast file hopping
│ ├──  .................. Jump to specific coordinates
│ ├── 📄 File Line Jumper .................... Jump to specific coordinates
│ └── 📄 Dependency "Deep Link" .............. (packageSearch) Jump into node_modules/source
│
├── │ ............................ ALT + KEY
│ ├── 📄 [ALT + S] Odin: Search Editor ........ Better-than-native global find
│ ├── 📄 [ALT + D] DevStack QP ................ Main Quick Pick Command Palette
│ ├── 📄 [ALT + I] Icons ...................... Zap: 525+ search-ready icons
│ ├── 📄 [ALT + U] Catalyst UI QP ............. Zap: 2600+ components at cursor
│ ├── 📄 [ALT + S] Context Snippets ........... Context-aware code injection
│ ├── 📄 [ALT + R] Insert region .............. Surgical code blocking
│ ├── 📄 [ALT + E] Insert endregion ........... Close region block
│ ├── 📄 [ALT + W] Wrap w/ region ............. Surround selection with logic
│ ├── 📄 [ALT + Q] Web UI ..................... Launch External Catalyst Dashboard
│ ├── 📄 [ALT + H] History .................... Session & Command history
│ ├── 📄 [ALT + B] Bookmarks .................. Enterprise line-level bookmarks
│ ├── 📄 [ALT + G] GitHub Menu ................ Deep-link & Repo management
│ ├── 📄 [ALT + P] Open Package.json .......... Direct jump to core manifest
│ └── 📄 [ALT + M] Open Readme ................ Direct jump to documentation │
├──  .......................... Think of remix-stacks, but platform agnostic.
│
├──  .............................. Resource, hardware & process information
│ ├── providing information on resources, ports used, etc, a HWInfo for your vscode, if you will.
│ ├── List views of currently running processes, even background ones, provding info on resource usage
│ ├── port numbers used, quick kill, quick restart buttons.
│ └── Gauges displaying usages for cpu, memory, storage
│
├──  .................................... Snapshot Engine will be deleted, and re-made from the ground up
│ ├── UI snapshot, that will work cohesively with atlas
│ └── workspace snapshot, taking a snapshot of current file and folder structure and contents
│ └── with rollback function
├── 📂 FREYR/ .................................... VSCode styling
│ ├── 📄 Blacked Out ........................... Pre-made black theme
│ ├── 📄 Blued Out ............................. Pre-made blue dark mode theme
│ ├── 📄 Window Differentiator ................. Styling differentiation
│ └── 📄 Theme Reset ........................... Reset window styling
│
├── 📂 VIÐARR/ ................................... Automation events
│ ├── 📄 Auto Fold Regions ..................... Settings-based folding
│ └── 📄 Forced Editor Groups .................. Specific group opening
│
├── 📂 REGEX/
│ ├── 📄 Regex Utilities ...................... Advanced Regex Lab & tools
│ └── 📄 Regex Cheatsheet ..................... Reference guide
│
├── 📂 TÝR/ ...................................... Port, process and error utilties
│ ├── 📄 portReaper ............................ Zombie process killer
│ ├── 📄 Auto Reaper ........................... Automatic cleanup
│ └──  ............................. (errorParser) The Pain: Your build failed or your
│ ├── test crashed. The terminal is a wall of 500 lines of red text. You have to scroll up,
│ ├── find the file path in the stack trace, copy it, Ctrl+P, and paste the path to fix the
│ ├── bug. Scans the last output of the integrated terminal for file paths and line numbers.
│ └── It then populates the Navigator with "Jump to Last Error" items.  ...................... (vaultFetch) You need a staging/prod API
│ ├── key that isn't in your local .env for security reasons. You have to log into AWS
│ ├── Secrets Manager, 1Password, or your company Wiki, find the key, and copy it. A type
│ ├── that fetches a value from a CLI-based vault (like gh secret, aws secretsmanager, or a
│ ├── local encrypted file). It executes the CLI fetch and uses your existing copyToClipboard
│ └── logic to put the secret in your hand instantly. 
│ └──  ................. The Pain: working on a mobile
│ └── Detects SQLite by magic bytes (SQLite format 3\0), Not by extension
│ ├── app or an external API that needs to see your local server. You have to open a
│ ├── separate terminal, remember your ngrok or localtonet command, copy the new URL,
│ ├── and paste it into your config. It automates the "copy-paste" loop between the
│ ├── terminal and your code. A specialized command that launches a tunnel (like ngrok
│ ├── http 3000), captures the generated URL, and automatically updates a specific
│ └── line in your config.ts or .env with the new public URL. The Fix: A tunnelLauncher type. 
├──  .............. React data store, haven't decided between
│ └── creating a redux wrapper or built from scratch
└──  ................................ Opens editor / viewer in your vscode editor group
└── Detects SQLite by magic bytes (SQLite format 3\0), Not by extension
├── Opens .vscdb, .random, .whatever
├── Built-in presets for common files:
│ ├── VS Code state.vscdb
│ ├── Chrome History/Cookies
│ ├── Firefox places.sqlite
│ └── etc.
├── Instead of a Webview that you have to "Open with...," use the Custom Editor API so that
│ └── clicking a .sqlite or .db file opens your UI immediately.
├── Keyboard First: Implement Vim-like or Excel-like navigation (arrow keys to move, Ctrl+N
│ └── for new row, Del to mark for deletion).
├── Schema Visualizer (ERD): Automatically generate an Entity Relationship Diagram.
├── Notebook Support: Integrate with VS Code's Native Notebooks
├── Direct Export to Code: A button that takes a table or query result and generates the code to
│ └── access it in Python (Pandas), JavaScript (Drizzle/Prisma), or Rust.
├── WASM-based Performance: Use a fast WASM build of SQLite
├── Transaction Log & Undo: VS Code users expect Ctrl+Z to work.
└── Extensions Support: Allow users to load SQLite extensions
[!NOTE]
There are a ton of features, which is awesome but since you are just installing this I wanted to provide a top 5ish list of features to try out first.
These features will be the most impactful to your overall user experience with vscode because they changed mine, so much so that the idea of switching IDE's is no longer a thought that comes to mind anymore. After the list I'll explain why each one made it on there and what you could expect from them.
- 𐌀 Atlas: Layout Engine
- ᚱ RÚNAR: Snippet Development Studio
- ᚦ THOR: Tailwind and css, specifically the tailwind.config preset ngin
- ᛒ BIFRÖST: Terminal and Multi Kernel Ngin
- Workspace contexts, despite technically being under the Bifrost umbrella... this in of itself would be its own extension, if it were anyone else building it
- MIÐGARÐR UI: formerly known as catalyst ui
- Odin: Search Editor
I know a couple of those items, do encompass a lot but I'll narrow it down. The only reason why atlas is at the top, is because of the overall reach of its impactfulness it has. Where as all the items do deserve the number one spot, they really do, but I was looking at from the perspective of how many people would each of these feature impact in a positive way, and I beleive the layout engine would be the most impactful to your user experience.
Atlas allows you to easily change your theme, set settings, configuration of editor groups, files open, complete control over your vscode UI, configure shortcuts and more... All the while doing so on a workspace by workspace basis. With workspace contexts you can have one default per workspace, ontop of however many non default layouts you would like. Everytime I open a workspace, I have a complete customized layout, settings configuration, shortcut configuration, theme and so much more. This truly changes of how you would think of vscode, one second your in a layout devoted to front end dev, a couple seconds later your in an entire different enviroment specialized in working on bugs and errors, next min your layout configuration is perfect for back end devs, then you thought of something in which... you now have to open another workspace, upon opening your default layout triggers and opens the workspace in the perfect working enviroment that uses a completely different platform, language, backend and more.
RÚNAR, personally... I hated snippets when I first tried them... so much I simply just didn't use that vscode feature at all. This feature turned my experience with snippets on its head as you have a monoca editor to view and edit snippets. Accomponied with a command search so you can scroll and or search for snippets with fuzzy search. Before it took atleast 10 minutes, probably more to be honest to create a single snippet, now with the features in place you can do it in under 10 secs.
ᚦ THOR, the tailwind.config preset ngin grants access to 18,000 configurations that control your projects font, theme and preset which adjusts things like padding, margins and etc. Best part about it is, you just paste it into your config file, and only have to adjust 3 variables... thats it, your done.
ᛒ BIFRÖST, In terms of impactfulness... personally this has had an even larger impact with me more than anything else, the only reason it didn't beat atlas is because the terminal and multi kernel ngin, while being the best feature in the extension, in order to get the MOST out of it... it does take a while to see just how impactful it truly is. This is due to the fact that, at first you will see a noticeable difference... if you continue working on it, its the steady increase over time that you don't notice till, one day you actually have to type out a command and your sitting there... what was it again? How did I forget that command, I've used it a thousand times in the past... only to come to the realization of just how long its been since you actually had to type it out. While the layout engine, configure it once and your spoiled, the terminal ngin... it's like turning into a spoiled brat over time and not notice it till, it becomes extremely apparent. I'm not kidding when I say this, but there have been times, where I had to manually do something that the ngin does for me, not only do I immediatly get annoyed but I'm sitting there sighing saying to myself, why does it feel like I just went back 10+ years in time in having to do this mannually... god... lol, when npm put out that new requirement for manually pushing packages... I was not in a good mood that day, till I found a way to automate that process again. Which is exposed to you as a user to use as well.
Workspace contexts, I know I touched on this already but having everything work cohesively to the point where you can't even discern the line of the switching between contexts. Having a completely different list of items available for each and every workspace, and automatically to top it off. I don't know of a single other extension that does it as well as this one does. I'm not saying that to boost my own ego, because it was a bitch to get perfect. When I say perfect... it's perfect, there are no troubleshooters, even though this extension does not feature a single one throughout all of its features. Every single extension that I have seen attempt to do a good job with context switching between workspaces... all of them have troubleshooters. The best part is, just how many features is able to take advantage of this, really does make is so that it does belong in its own extension.
MIÐGARÐR UI, 2500+ components, one command installs the library, tailwind, postcss all the while configuring everything for you, features that make it so you never have to leave vscode... for a single thing in order to use any one component. I'll leave it at that, because there is a lot to unpack with this one if that interested you enough, navigate to its documentation after reading this.
Odin: search, I'll admit... you might have to be a bit more on the nerdy side in order to truly appreciate this one, after all... it is just a search function, lol. Buttttt, it does come with some nice features. Using a custom editor you can open as many as you want, all the while each one continues in its current state that isn't effected by any other instance. When browsing your search results, each result is a text area... because you can remote edit any one file, or in any number you need to, once you hit save all... it pushes all the edits you made to their files making it so you never have to navigate to a file in order to change a line or two... or 10. Fuzzy searching, expanded upon regex with pre configured strings to use, and theres even more. All from a simple search function, although the remote editing I have no shame in admiting that I nerd over that feature the most.
Do with that as you will, as I know looking at the list the first time can be overwhelming and I wanted to help you focus down on just a couple of features to start with... and grow from there. The best way to look at this extension is... to not think of it as one and just think of it as if vscode received a large update. Yes there are more feautres then you will know what to do with... who cares... they will sit there in the background waiting till you finally have a need to use it, just like so many other default features with vscode.
 LICENSE
This project is protected under the MIT License. For more details, refer to the LICENSE file.
ACKNOWLEDGMENTS
Return
| |
