diff --git a/README.md b/README.md
index 4174027..5b2e117 100644
--- a/README.md
+++ b/README.md
@@ -1,17 +1,15 @@
-# Create Chrome Ext (.crx)
+# Create Chrome Extension (.crx)
 
-[![OSCS Status](https://www.oscs1024.com/platform/badge/guocaoyi/create-chrome-ext.svg?size=small)](https://www.oscs1024.com/project/guocaoyi/create-chrome-ext?ref=badge_small)
 [![npm](https://img.shields.io/npm/v/create-chrome-ext?logo=npm)](https://www.npmjs.com/package/create-chrome-ext)
 [![npm-download](https://img.shields.io/npm/dw/create-chrome-ext)](https://www.npmjs.com/package/create-chrome-ext)
 ![GitHub Language Count](https://img.shields.io/github/languages/count/guocaoyi/create-chrome-ext)
 [![npm publish](https://github.com/guocaoyi/create-chrome-ext/actions/workflows/npm-publish.yml/badge.svg)](https://github.com/guocaoyi/create-chrome-ext/actions/workflows/npm-publish.yml)
-![Twitter URL](https://img.shields.io/twitter/url?style=social&url=https%3A%2F%2Ftwitter.com%2Fwithout_horn)
 
 > Next generation chrome extension generater
 
 - ⚡️ Lightning Fast HMR(use vite2)
-- 📦 Optimized Builds
 - 🗂 Multiple Framework Support
+- 📦 Optimized Builds
 - 📚 Documentation
 
 ## Installing
@@ -66,7 +64,7 @@ run:
 
 ## Supported Templates
 
-template presets include:
+framework presets include:
 
 - [React](https://reactjs.org/)
 - [Vue](https://vuejs.org/)
@@ -83,6 +81,7 @@ languages presets include:
 
 ## Preview
 
-![npm-create-cli](./docs/npm-create-cli.png)
-![npm-build](./docs/npm-build.png)
+![crx-run](./docs/crx-run.png)
+![crx-install](./docs/crx-install.png)
+![crx-build](./docs/crx-build.png)
 ![crx-preview](./docs/crx-preview.png)
diff --git a/docs/crx-build.png b/docs/crx-build.png
new file mode 100644
index 0000000..7b9939a
Binary files /dev/null and b/docs/crx-build.png differ
diff --git a/docs/crx-install.png b/docs/crx-install.png
new file mode 100644
index 0000000..25532fd
Binary files /dev/null and b/docs/crx-install.png differ
diff --git a/docs/crx-run.png b/docs/crx-run.png
new file mode 100644
index 0000000..15fc145
Binary files /dev/null and b/docs/crx-run.png differ
diff --git a/docs/npm-build.png b/docs/npm-build.png
deleted file mode 100644
index 3eb4e14..0000000
Binary files a/docs/npm-build.png and /dev/null differ
diff --git a/docs/npm-create-cli.png b/docs/npm-create-cli.png
deleted file mode 100644
index 6e107dd..0000000
Binary files a/docs/npm-create-cli.png and /dev/null differ
diff --git a/npm-shrinkwrap.json b/npm-shrinkwrap.json
index be48882..43724f5 100644
--- a/npm-shrinkwrap.json
+++ b/npm-shrinkwrap.json
@@ -1,9 +1,15 @@
 {
   "name": "create-chrome-ext",
-  "version": "0.0.0",
+  "version": "0.2.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
+    "@types/node": {
+      "version": "14.18.18",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-14.18.18.tgz",
+      "integrity": "sha512-B9EoJFjhqcQ9OmQrNorItO+OwEOORNn3S31WuiHvZY/dm9ajkB7AKD/8toessEtHHNL+58jofbq7hMMY9v4yig==",
+      "dev": true
+    },
     "kleur": {
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/kleur/-/kleur-3.0.3.tgz",
@@ -19,12 +25,23 @@
       "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.6.tgz",
       "integrity": "sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q=="
     },
+    "mustache": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/mustache/-/mustache-4.2.0.tgz",
+      "integrity": "sha512-71ippSywq5Yb7/tVYyGbkBggbU8H3u5Rz56fH60jGFgr8uHwxs+aSKeqmluIVzM0m0kB7xQjKS6qPfd0b2ZoqQ=="
+    },
     "prettier": {
       "version": "2.7.1",
       "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.7.1.tgz",
       "integrity": "sha512-ujppO+MkdPqoVINuDFDRLClm7D78qbDt0/NR+wp5FqEZOoTNAjPHWj17QRhu7geIHJfcNhRk1XVQmF8Bp3ye+g==",
       "dev": true
     },
+    "prettier-plugin-svelte": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/prettier-plugin-svelte/-/prettier-plugin-svelte-2.7.0.tgz",
+      "integrity": "sha512-fQhhZICprZot2IqEyoiUYLTRdumULGRvw0o4dzl5jt0jfzVWdGqeYW27QTWAeXhoupEZJULmNoH3ueJwUWFLIA==",
+      "optional": true
+    },
     "prompts": {
       "version": "2.4.2",
       "resolved": "https://registry.npmjs.org/prompts/-/prompts-2.4.2.tgz",
@@ -38,6 +55,12 @@
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/sisteransi/-/sisteransi-1.0.5.tgz",
       "integrity": "sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg=="
+    },
+    "svelte": {
+      "version": "3.48.0",
+      "resolved": "https://registry.npmjs.org/svelte/-/svelte-3.48.0.tgz",
+      "integrity": "sha512-fN2YRm/bGumvjUpu6yI3BpvZnpIm9I6A7HR4oUNYd7ggYyIwSA/BX7DJ+UXXffLp6XNcUijyLvttbPVCYa/3xQ==",
+      "optional": true
     }
   }
 }
diff --git a/package.json b/package.json
index 75faa4b..22fb771 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "create-chrome-ext",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "type": "module",
   "description": "Scaffolding Your First Chrome Extension",
   "author": "yalda",