diff --git a/app/modules/rehype-momiji/README.md b/app/packages/rehype-momiji/README.md
similarity index 79%
rename from app/modules/rehype-momiji/README.md
rename to app/packages/rehype-momiji/README.md
index 550f48d..b204e56 100644
--- a/app/modules/rehype-momiji/README.md
+++ b/app/packages/rehype-momiji/README.md
@@ -11,4 +11,4 @@
 
 When you want only highlighting code block, just use this package. If you want to display a filename, you need to install `remark-momiji`.
 
-<img src="../assets/rehype-momiji-sample.png" alt="example usage of rehype-momiji" />
+<img src="./docs/assets/rehype-momiji-sample.png" alt="example usage of rehype-momiji" />
diff --git a/app/modules/rehype-momiji/buildCodeBlockHTML.ts b/app/packages/rehype-momiji/buildCodeBlockHTML.ts
similarity index 100%
rename from app/modules/rehype-momiji/buildCodeBlockHTML.ts
rename to app/packages/rehype-momiji/buildCodeBlockHTML.ts
diff --git a/app/modules/rehype-momiji/colors.ts b/app/packages/rehype-momiji/colors.ts
similarity index 100%
rename from app/modules/rehype-momiji/colors.ts
rename to app/packages/rehype-momiji/colors.ts
diff --git a/app/modules/assets/rehype-momiji-sample.png b/app/packages/rehype-momiji/docs/assets/rehype-momiji-sample.png
similarity index 100%
rename from app/modules/assets/rehype-momiji-sample.png
rename to app/packages/rehype-momiji/docs/assets/rehype-momiji-sample.png
diff --git a/app/modules/rehype-momiji/highlighter.ts b/app/packages/rehype-momiji/highlighter.ts
similarity index 100%
rename from app/modules/rehype-momiji/highlighter.ts
rename to app/packages/rehype-momiji/highlighter.ts
diff --git a/app/modules/rehype-momiji/parser.ts b/app/packages/rehype-momiji/parser.ts
similarity index 100%
rename from app/modules/rehype-momiji/parser.ts
rename to app/packages/rehype-momiji/parser.ts
diff --git a/app/modules/rehype-momiji/rehypeMomiji.ts b/app/packages/rehype-momiji/rehypeMomiji.ts
similarity index 100%
rename from app/modules/rehype-momiji/rehypeMomiji.ts
rename to app/packages/rehype-momiji/rehypeMomiji.ts
diff --git a/app/modules/rehype-momiji/utils/checkTypeOfOperandValue.ts b/app/packages/rehype-momiji/utils/checkTypeOfOperandValue.ts
similarity index 100%
rename from app/modules/rehype-momiji/utils/checkTypeOfOperandValue.ts
rename to app/packages/rehype-momiji/utils/checkTypeOfOperandValue.ts
diff --git a/app/modules/remark-momiji/remarkMomijiCodeFilename.ts b/app/packages/remark-momiji/remarkMomijiCodeFilename.ts
similarity index 100%
rename from app/modules/remark-momiji/remarkMomijiCodeFilename.ts
rename to app/packages/remark-momiji/remarkMomijiCodeFilename.ts
diff --git a/vite.config.ts b/vite.config.ts
index 2d76de4..166b19a 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -8,8 +8,8 @@ import remarkBreaks from 'remark-breaks';
 import remarkFrontmatter from 'remark-frontmatter';
 import remarkMdxFrontmatter from 'remark-mdx-frontmatter';
 import remarkGfm from 'remark-gfm'
-import rehypeMomiji from './app/modules/rehype-momiji/rehypeMomiji'
-import remarkMomijiCodeFilename from './app/modules/remark-momiji/remarkMomijiCodeFilename'
+import rehypeMomiji from './app/packages/rehype-momiji/rehypeMomiji'
+import remarkMomijiCodeFilename from './app/packages/remark-momiji/remarkMomijiCodeFilename'
 
 export default defineConfig(() => {
   return {