diff --git a/.vscode/settings.json b/.vscode/settings.json
index 9107ebb..abe4525 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,7 +1,7 @@
 // -*- jsonc -*-
 {
   "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": true
+    "source.fixAll.eslint": "explicit"
   },
   "editor.defaultFormatter": "esbenp.prettier-vscode",
   "editor.formatOnSave": true,
diff --git a/README.md b/README.md
index 8dfa69e..4688919 100644
--- a/README.md
+++ b/README.md
@@ -7,7 +7,7 @@
 [Foxglove](https://foxglove.dev) allows developers to create
 [extensions](https://docs.foxglove.dev/docs/visualization/extensions/introduction), or custom code
 that is loaded and executed inside the Foxglove application. Extensions are authored in TypeScript
-using the `@foxglove/studio` SDK.
+using the `@foxglove/extension` SDK.
 
 ## Creating Your First Extension
 
diff --git a/package.json b/package.json
index daac1f2..89faead 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "create-foxglove-extension",
-  "version": "0.8.6",
+  "version": "1.0.0",
   "publisher": "foxglove",
   "description": "Create and package Foxglove extensions",
   "license": "MIT",
diff --git a/src/create.ts b/src/create.ts
index f366e4d..931fd5b 100644
--- a/src/create.ts
+++ b/src/create.ts
@@ -9,7 +9,7 @@ import { info } from "./log";
 
 const DEPENDENCIES = [
   "@foxglove/eslint-plugin@^1",
-  "@foxglove/studio@^1",
+  "@foxglove/extension@^2",
   "@types/react@^18",
   "@types/react-dom@^18",
   "@typescript-eslint/eslint-plugin@^6",
diff --git a/src/webpackConfigExtension.ts b/src/webpackConfigExtension.ts
index adb0c33..7fd0805 100644
--- a/src/webpackConfigExtension.ts
+++ b/src/webpackConfigExtension.ts
@@ -26,7 +26,7 @@ export default (
     // the source file. Using a separate source map file does not work.
     devtool: "eval-source-map",
     externals: {
-      "@foxglove/studio": "@foxglove/studio",
+      "@foxglove/extension": "@foxglove/extension",
     },
     resolve: {
       extensions: [".js", ".ts", ".jsx", ".tsx"],
diff --git a/template/README.md b/template/README.md
index c85cbed..ffb07b1 100644
--- a/template/README.md
+++ b/template/README.md
@@ -1,6 +1,6 @@
 # ${NAME}
 
-[Foxglove](https://foxglove.dev) allows developers to create [extensions](https://docs.foxglove.dev/docs/visualization/extensions/introduction), or custom code that is loaded and executed inside the Foxglove application. This can be used to add custom panels. Extensions are authored in TypeScript using the `@foxglove/studio` SDK.
+[Foxglove](https://foxglove.dev) allows developers to create [extensions](https://docs.foxglove.dev/docs/visualization/extensions/introduction), or custom code that is loaded and executed inside the Foxglove application. This can be used to add custom panels. Extensions are authored in TypeScript using the `@foxglove/extension` SDK.
 
 ## Develop
 
diff --git a/template/src/ExamplePanel.tsx b/template/src/ExamplePanel.tsx
index ee31b34..383de3b 100644
--- a/template/src/ExamplePanel.tsx
+++ b/template/src/ExamplePanel.tsx
@@ -1,4 +1,4 @@
-import { Immutable, MessageEvent, PanelExtensionContext, Topic } from "@foxglove/studio";
+import { Immutable, MessageEvent, PanelExtensionContext, Topic } from "@foxglove/extension";
 import { useEffect, useLayoutEffect, useState } from "react";
 import ReactDOM from "react-dom";
 
diff --git a/template/src/index.ts b/template/src/index.ts
index 63b17eb..7bca9ff 100644
--- a/template/src/index.ts
+++ b/template/src/index.ts
@@ -1,4 +1,4 @@
-import { ExtensionContext } from "@foxglove/studio";
+import { ExtensionContext } from "@foxglove/extension";
 import { initExamplePanel } from "./ExamplePanel";
 
 export function activate(extensionContext: ExtensionContext): void {