diff --git a/packages/erd-editor-shiki-worker/README.md b/packages/erd-editor-shiki-worker/README.md
new file mode 100644
index 00000000..7c3fcb74
--- /dev/null
+++ b/packages/erd-editor-shiki-worker/README.md
@@ -0,0 +1,18 @@
+# erd-editor-shiki-worker
+
+> Code Highlight the on the sharedWorker
+
+## Install
+
+```shell
+npm install @dineug/erd-editor-shiki-worker
+```
+
+## Usage
+
+```js
+import { setGetShikiServiceCallback } from '@dineug/erd-editor';
+import { getShikiService } from '@dineug/erd-editor-shiki-worker';
+
+setGetShikiServiceCallback(getShikiService);
+```
diff --git a/packages/erd-editor-shiki-worker/package.json b/packages/erd-editor-shiki-worker/package.json
index 50d35e1b..7936ef5f 100644
--- a/packages/erd-editor-shiki-worker/package.json
+++ b/packages/erd-editor-shiki-worker/package.json
@@ -1,7 +1,6 @@
 {
   "name": "@dineug/erd-editor-shiki-worker",
   "version": "0.1.0",
-  "private": true,
   "description": "Entity-Relationship Diagram Editor shiki-worker",
   "type": "module",
   "main": "./dist/erd-editor-shiki-worker.umd.cjs",
diff --git a/packages/erd-editor/README.md b/packages/erd-editor/README.md
index ed5bd4e0..3582e38e 100644
--- a/packages/erd-editor/README.md
+++ b/packages/erd-editor/README.md
@@ -2,7 +2,7 @@
 
 > Entity-Relationship Diagram Editor
 
-![vuerd](https://github.com/dineug/erd-editor/blob/main/img/erd-editor-vscode.png?raw=true)
+![erd-editor](https://github.com/dineug/erd-editor/blob/main/img/erd-editor-vscode.png?raw=true)
 
 ## Install
 
@@ -31,7 +31,7 @@ const editor = document.createElement('erd-editor');
 ```ts
 interface ErdEditorElement extends HTMLElement {
   readonly: boolean;
-  systemDarkMode: boolean;
+  systemDarkMode: boolean; // system dark/light auto
   enableThemeBuilder: boolean;
   value: string;
   focus: () => void;