feat: README

Author: dineug

README.md

@@ -1 +1,39 @@
 # textflow
+
+> WYSIWYG Editor [VSCode Extension](https://marketplace.visualstudio.com/items?itemName=dineug.textflow-editor-vscode)
+
+![erd-editor](https://github.com/dineug/textflow/blob/main/static/img/textflow-vscode.png?raw=true)
+
+## Usage
+
+create an empty file with a `.txf.json` extension and open it in Visual Studio Code.
+
+## Features
+
+### WYSIWYG Editor
+
+- A rich-text editor based on Lexical.
+- To access commands, press the `/` key.
+
+![command](https://github.com/dineug/textflow/blob/main/static/img/demo-command.webp?raw=true)
+
+### Reference Linking
+
+- Supports linking between documents.
+- To create a link, press the `[` key.
+
+![reference](https://github.com/dineug/textflow/blob/main/static/img/demo-reference.webp?raw=true)
+
+### Emoji Autocomplete
+
+- Provides emoji autocompletion.
+- To search for an emoji, type `:` followed by a keyword.
+
+![emoji](https://github.com/dineug/textflow/blob/main/static/img/demo-emoji.webp?raw=true)
+
+### Theme Configuration
+
+- Easily change themes using keyboard shortcuts.
+- Press `Ctrl + K` (Windows/Linux) or `⌘ + K` (Mac) to open the theme selector.
+
+![theme](https://github.com/dineug/textflow/blob/main/static/img/demo-theme.webp?raw=true)

packages/editor/README.md

@@ -0,0 +1,39 @@
+# textflow
+
+> WYSIWYG Editor [VSCode Extension](https://marketplace.visualstudio.com/items?itemName=dineug.textflow-editor-vscode)
+
+![erd-editor](https://github.com/dineug/textflow/blob/main/static/img/textflow-vscode.png?raw=true)
+
+## Usage
+
+create an empty file with a `.txf.json` extension and open it in Visual Studio Code.
+
+## Features
+
+### WYSIWYG Editor
+
+- A rich-text editor based on Lexical.
+- To access commands, press the `/` key.
+
+![command](https://github.com/dineug/textflow/blob/main/static/img/demo-command.webp?raw=true)
+
+### Reference Linking
+
+- Supports linking between documents.
+- To create a link, press the `[` key.
+
+![reference](https://github.com/dineug/textflow/blob/main/static/img/demo-reference.webp?raw=true)
+
+### Emoji Autocomplete
+
+- Provides emoji autocompletion.
+- To search for an emoji, type `:` followed by a keyword.
+
+![emoji](https://github.com/dineug/textflow/blob/main/static/img/demo-emoji.webp?raw=true)
+
+### Theme Configuration
+
+- Easily change themes using keyboard shortcuts.
+- Press `Ctrl + K` (Windows/Linux) or `⌘ + K` (Mac) to open the theme selector.
+
+![theme](https://github.com/dineug/textflow/blob/main/static/img/demo-theme.webp?raw=true)

packages/vscode-extension/README.md

@@ -2,16 +2,21 @@
   "name": "textflow-editor-vscode",
   "version": "0.1.0",
   "private": true,
-  "description": "textflow Editor VSCode Extension",
+  "description": "WYSIWYG Editor VSCode Extension",
   "displayName": "textflow",
   "publisher": "dineug",
   "categories": [
     "Other",
-    "Visualization"
+    "Visualization",
+    "Notebooks"
   ],
   "keywords": [
     "textflow",
-    "editor"
+    "editor",
+    "wysiwyg",
+    "doc",
+    "rich-text",
+    "lexical"
   ],
   "repository": {
     "type": "git",