diff --git a/.vscode/extensions.json b/.vscode/extensions.json
new file mode 100644
index 0000000..ac4925f
--- /dev/null
+++ b/.vscode/extensions.json
@@ -0,0 +1,20 @@
+{
+    "recommendations": [
+        "aliariff.vscode-erb-beautify",
+        "aki77.rails-db-schema",
+        "bierner.markdown-mermaid",
+        "bpruitt-goddard.mermaid-markdown-syntax-highlighting",
+        "bradlc.vscode-tailwindcss",
+        "formulahendry.auto-close-tag",
+        "formulahendry.auto-rename-tag",
+        "jgclark.vscode-todo-highlight",
+        "shopify.ruby-lsp",
+        "waderyan.gitblame",
+        "yzhang.markdown-all-in-one",
+        "etsi0.class-collapse",
+        # "marcoroth.herb-lsp",
+        "marcoroth.turbo-lsp",
+        "marcoroth.stimulus-lsp",
+        "joseph-ravenwolfe.kubernetes-yaml-formatter",
+    ]
+}    
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..4c6ca61
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,56 @@
+{
+  // -----------------256-color ANSI SUPPORT ----------------
+  "terminal.integrated.shellIntegration.enabled": false,
+  "terminal.integrated.minimumContrastRatio": 1,
+  "terminal.integrated.drawBoldTextInBrightColors": false,
+  "workbench.colorCustomizations": {
+    "terminal.background": "#1f1f1f",
+    "terminal.ansiYellow": "#b38210" //BROWN UNIX ANSI
+  },
+  "workbench.colorTheme": "Default Dark Modern",
+  // ---------------------------------------------------------
+  "[ruby]": {
+    "editor.defaultFormatter": "Shopify.ruby-lsp", // Use the Ruby LSP as the default formatter
+    "editor.semanticHighlighting.enabled": true, // Enable semantic highlighting
+    "editor.formatOnType": true // Enable formatting while typing
+  },
+  "[erb]": {
+    "editor.defaultFormatter": "aliariff.vscode-erb-beautify",
+  },
+  "debug.internalConsoleOptions": "neverOpen",
+  "editor.formatOnSave": true,
+  "editor.tabSize": 2, // Use 2 spaces for indentation
+  "editor.insertSpaces": true,
+  "emmet.includeLanguages": {
+    "erb": "html"
+  },
+  "files.associations": {
+    "*.html.erb": "erb",
+    "*.tailwind.css": "tailwindcss",
+    "**/tailwind/*.css": "tailwindcss",
+  },
+  "tailwindCSS.emmetCompletions": true,
+  "todohighlight.enableDiagnostics": true,
+  "todohighlight.include": [
+    "**/*.js",
+    "**/*.html",
+    "**/*.css",
+    "**/*.rb",
+    "**/*.txt",
+    "**/*.md",
+    "**/*.erb",
+    "**/*.rake"
+  ],
+  "terminal.integrated.cursorBlinking": true,
+  "terminal.integrated.localEchoEnabled": "off",
+  "terminal.integrated.fontLigatures.enabled": true,
+  "class-collapse.languages.supportedLanguages": [
+    "erb",
+    "html",
+    "javascript",
+    "markdown",
+  ],
+  "class-collapse.style.placeholderText": "➟",
+  "class-collapse.style.openCollapseOpacity": 0.7,
+  "class-collapse.style.placeholderTextColor": "#FFFF0055",
+}