diff --git a/.github/workflows/npm-publish.yml b/.github/workflows/npm-publish.yml
index f55d9ed..d59f460 100644
--- a/.github/workflows/npm-publish.yml
+++ b/.github/workflows/npm-publish.yml
@@ -1,6 +1,3 @@
-# This workflow will run tests using node and then publish a package to GitHub Packages when a release is created
-# For more information see: https://docs.github.com/en/actions/publishing-packages/publishing-nodejs-packages
-
 name: NPM Package Publish
 
 on:
@@ -25,20 +22,15 @@ jobs:
       - uses: oven-sh/setup-bun@v2
       - run: bun install
       - run: bun run build
-      - run: |
+      - name: Check if version is already published
+        run: |
+          PACKAGE_VERSION=$(node -p "require('./package.json').version")
           PACKAGE_NAME=$(jq -r '.name' package.json)
-          PACKAGE_VERSION=$(jq -r '.version' package.json)
-
-          # Get the version from npm registry
-          REGISTRY_VERSION=$(npm show "$PACKAGE_NAME" version)
-
-          # Compare versions
-          if [ "$PACKAGE_VERSION" == "$REGISTRY_VERSION" ]; then
-            echo "Version $PACKAGE_VERSION already exists in the npm registry."
-            exit 0
-          else
-            echo "Version $PACKAGE_VERSION does not exist in the npm registry. Proceeding..."
-            npm publish --provenance --access public
-          fi
+          npm view $PACKAGE_NAME@$PACKAGE_VERSION
+        continue-on-error: true
+        id: check_version
+      - name: Publish
+        if: steps.check_version.outcome != 'success'
+        run: npm publish --provenance --access public
         env:
           NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}}
diff --git a/build.ts b/build.ts
index 6a7ba8f..b1bf3e2 100644
--- a/build.ts
+++ b/build.ts
@@ -1,11 +1,11 @@
 import { watch } from "fs"
 import { join } from "path"
-import { refreshTemplateWorkerExtension } from "@kksh/api/dev"
+import { refreshTemplateWorkerCommand } from "@kksh/api/dev"
 import { $ } from "bun"
 
 async function build() {
 	await $`bun build --minify --target=browser --outdir=./dist ./src/index.ts`
-	await refreshTemplateWorkerExtension()
+	await refreshTemplateWorkerCommand()
 }
 
 const srcDir = join(import.meta.dir, "src")
diff --git a/bun.lockb b/bun.lockb
index 6b0a510..cf1f30b 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/package.json b/package.json
index 8f1eb58..8d7756a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "$schema": "https://schema.kunkun.sh/",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "name": "kunkun-ext-hacker-news",
   "repository": "https://github.com/kunkunsh/kunkun-ext-hacker-news",
   "type": "module",
@@ -45,7 +45,7 @@
     "build": "bun build.ts"
   },
   "dependencies": {
-    "@kksh/api": "^0.0.48",
+    "@kksh/api": "^0.1.1",
     "valibot": "^0.40.0"
   },
   "devDependencies": {
diff --git a/src/index.ts b/src/index.ts
index 5e98f96..024e83b 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,5 +1,5 @@
 import { IconEnum } from "@kksh/api/models"
-import { Action, expose, Icon, List, open, toast, ui, WorkerExtension } from "@kksh/api/ui/worker"
+import { Action, expose, Icon, List, open, toast, ui, TemplateUiCommand } from "@kksh/api/ui/template"
 import {
 	array,
 	number,
@@ -48,7 +48,7 @@ function hackerNewsItemToListItem(item: HackerNewsItem, idx: number): List.Item
 	})
 }
 
-class HackerNews extends WorkerExtension {
+class HackerNews extends TemplateUiCommand {
 	items: HackerNewsItem[]
 	listitems: List.Item[]
 	storyIds: number[]