diff --git a/.github/assets/screenshot.png b/.github/assets/screenshot.png
new file mode 100644
index 0000000..3a13d87
Binary files /dev/null and b/.github/assets/screenshot.png differ
diff --git a/ARCHITECTURE.md b/ARCHITECTURE.md
deleted file mode 100644
index 8015a87..0000000
--- a/ARCHITECTURE.md
+++ /dev/null
@@ -1,130 +0,0 @@
-# Architecture
-
-This document describes the internal design and development workflow of Markstage.
-
-## Repository Layout
-
-```
-markstage/
-├── packages/
-│   ├── core/                 # @markstage/core — programmatic API
-│   │   ├── src/              # Node-side code (Vite config, plugins, config loading)
-│   │   │   ├── index.ts      # Public API: startDev, runBuild, defineConfig, etc.
-│   │   │   ├── config.ts     # PreviewerConfig type + defineConfig helper
-│   │   │   ├── load-config.ts               # Loads previewer.config.* via c12
-│   │   │   ├── vite-config.ts               # Assembles the full Vite InlineConfig
-│   │   │   └── plugins/                     # Vite plugins
-│   │   │       ├── previewer-code.ts        # Transforms ```tsx preview blocks
-│   │   │       ├── previewer-entries.ts     # Virtual module: preview MDX entries
-│   │   │       ├── previewer-config.ts      # Virtual module: config
-│   │   │       ├── previewer-css.ts         # Virtual module: host CSS
-│   │   │       ├── previewer-html-title.ts  # HTML title injection
-│   │   │       └── previewer-llms-txt.ts    # llms.txt endpoint
-│   │   └── app/                         # Browser-side React app (served by Vite)
-│   │       ├── index.html
-│   │       └── src/
-│   │           ├── main.tsx             # React entry
-│   │           ├── app.tsx              # Shell: sidebar + content area
-│   │           ├── overview.tsx         # Overview grid page
-│   │           ├── preview-block.tsx    # Live preview + collapsible code
-│   │           ├── code-block.tsx       # Shiki syntax highlighting
-│   │           ├── mdx-components.tsx   # MDX component overrides
-│   │           ├── theme.tsx            # Dark/light theme provider
-│   │           └── virtual-modules.d.ts # Type declarations for virtual modules
-│   └── cli/                  # @izumisy/markstage — CLI entry point
-│       └── src/
-│           ├── cli.ts        # Entry point — `dev` and `build` commands (citty)
-│           └── index.ts      # Re-exports defineConfig from @markstage/core
-├── turbo.json                # Turborepo task definitions
-├── pnpm-workspace.yaml       # pnpm workspace config
-└── .github/workflows/ci.yml  # CI: format check + lint
-```
-
-## Key Design Decisions
-
-### Vite as the Runtime
-
-Markstage does **not** ship a bundled app. Instead it constructs a Vite
-`InlineConfig` at runtime and calls `createServer()` (dev) or `build()`.
-The `app/` directory is used as Vite's `root`, so `app/index.html` is served
-directly without middleware.
-
-### Virtual Modules
-
-Three Vite virtual modules inject dynamic data into the browser app:
-
-| Module | Purpose |
-|--------|---------|
-| `virtual:previewer-entries` | Imports every discovered `*.preview.mdx` and exports an `entries` array with name, Component, frontmatter, and filePath. |
-| `virtual:previewer-config` | Exports `title` and `repo` so the app can render headers and source links. |
-| `virtual:previewer-css` | Emits an `@import` for the host project's CSS file (or nothing). |
-
-### Plugin Pipeline
-
-Files go through several transformations before reaching the browser:
-
-1. **`vite-plugin-preview-code`** (enforce: `pre`) — rewrites `` ```tsx preview ``
-   fenced blocks into `<PreviewBlock code="...">…</PreviewBlock>` JSX so the MDX
-   compiler sees standard markup.
-2. **`@mdx-js/rollup`** (enforce: `pre`) — compiles MDX to JSX with remark
-   plugins:
-   - `remark-gfm` — GitHub-flavoured markdown.
-   - `remark-frontmatter` + `remark-mdx-frontmatter` — parse and export YAML
-     frontmatter.
-3. **`@vitejs/plugin-react`** — handles JSX/TSX compilation.
-
-### Framework Isolation
-
-Markstage bundles its own `@mdx-js/react` and resolves it via a Vite alias so
-the host project does not need to install it.
-
-## Build
-
-Both `@markstage/core` and `@izumisy/markstage` (CLI) are compiled with
-**tsdown** (a fast TypeScript bundler built on esbuild / Rollup):
-
-```bash
-pnpm build        # turbo run build
-```
-
-**@markstage/core** entry points (`packages/core/tsdown.config.ts`):
-
-- `src/index.ts` → `dist/index.mjs` + `dist/index.d.mts` (programmatic API)
-
-**@izumisy/markstage** entry points (`packages/cli/tsdown.config.ts`):
-
-- `src/cli.ts`  → `dist/cli.mjs`  (the bin executable)
-- `src/index.ts` → `dist/index.mjs` + `dist/index.d.mts` (re-exports from core)
-
-The `app/` directory (in `packages/core/`) is **not** compiled — it is shipped
-as-is and processed by Vite at runtime in the host project.
-
-## Development
-
-```bash
-pnpm install          # install all workspace dependencies
-pnpm dev              # tsdown --watch (rebuild on change)
-pnpm type-check       # tsc --incremental
-pnpm lint             # oxlint
-pnpm fmt              # oxfmt --write
-pnpm fmt:check        # oxfmt --check (CI)
-```
-
-All commands are orchestrated by Turborepo. Run them from the repo root and
-Turbo will execute the correct scripts in each workspace package.
-
-## CI
-
-GitHub Actions (`.github/workflows/ci.yml`) runs on pushes to `main` and on
-pull requests:
-
-1. `pnpm fmt:check` — verify formatting with oxfmt.
-2. `pnpm lint` — run oxlint.
-
-## Adding a New Package
-
-1. Create a directory under `packages/`.
-2. Add a `package.json` with the desired name and scripts.
-3. If the new package has `build`, `lint`, `fmt`, `fmt:check`, or `type-check`
-   scripts, Turbo will pick them up automatically via the task definitions in
-   `turbo.json`.
diff --git a/README.md b/README.md
index 0652434..6008650 100644
--- a/README.md
+++ b/README.md
@@ -1,32 +1,36 @@
-# Markstage
+# md-react-preview
 
-A lightweight toolkit for live-previewing React components directly from Markdown. Write `` ```tsx preview `` fenced blocks and get instant rendered output — powered by Vite.
+[![CI](https://github.com/IzumiSy/markstage/actions/workflows/ci.yml/badge.svg)](https://github.com/IzumiSy/markstage/actions/workflows/ci.yml)
+
+A lightweight toolkit for live-previewing React components directly from Markdown. Write ` ```tsx preview ` fenced blocks and get instant rendered output — powered by Vite.
+
+![screenshot](.github/assets/screenshot.png)
 
 ## Packages
 
-| Package | Description |
-|---------|-------------|
-| [`@izumisy/markstage`](packages/markstage/) | CLI & programmatic API — run a standalone preview server with `markstage dev` / `markstage build` |
-| [`@izumisy/react-preview`](packages/react-preview/) | Vite plugin & utilities — preview block parsing, iframe rendering, standalone preview page generation |
-| [`@izumisy/vitepress-plugin-react-preview`](packages/vitepress-plugin-react-preview/) | VitePress plugin — live React component previews inside a VitePress site |
+| Package                                                                               | Description                                                                                           |
+| ------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------- |
+| [`@izumisy/md-react-preview`](packages/md-react-preview/)                             | CLI & programmatic API — run a standalone preview server with `mrp dev` / `mrp build`                 |
+| [`@izumisy/vite-plugin-react-preview`](packages/vite-plugin-react-preview/)           | Vite plugin & utilities — preview block parsing, iframe rendering, standalone preview page generation |
+| [`@izumisy/vitepress-plugin-react-preview`](packages/vitepress-plugin-react-preview/) | VitePress plugin — live React component previews inside a VitePress site                              |
 
 ## Examples
 
-| Example | Description |
-|---------|-------------|
-| [`example-cli`](examples/cli/) | Standalone preview server using the `@izumisy/markstage` CLI |
+| Example                                    | Description                                                          |
+| ------------------------------------------ | -------------------------------------------------------------------- |
+| [`example-cli`](examples/cli/)             | Standalone preview server using the `@izumisy/md-react-preview` CLI  |
 | [`example-vitepress`](examples/vitepress/) | VitePress integration with `@izumisy/vitepress-plugin-react-preview` |
 
 ## Quick Start
 
 ```bash
-pnpm add -D @izumisy/markstage
+pnpm add -D @izumisy/md-react-preview
 
-npx markstage dev      # dev server (port 3040)
-npx markstage build    # static build
+npx mrp dev      # dev server (port 3040)
+npx mrp build    # static build
 ```
 
-See the [`@izumisy/markstage` README](packages/markstage/) for configuration and usage details.
+See the [`@izumisy/md-react-preview` README](packages/md-react-preview/) for configuration and usage details.
 
 ## License
 
diff --git a/examples/cli/README.md b/examples/cli/README.md
index 7eb3e12..6dfaf7b 100644
--- a/examples/cli/README.md
+++ b/examples/cli/README.md
@@ -1,6 +1,6 @@
 # example-cli
 
-Example project using the `@izumisy/markstage` CLI.
+Example project using the `@izumisy/md-react-preview` CLI.
 
 ## Commands
 
diff --git a/examples/cli/package.json b/examples/cli/package.json
index d73b123..4c1622f 100644
--- a/examples/cli/package.json
+++ b/examples/cli/package.json
@@ -3,12 +3,12 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "dev": "markstage dev",
-    "build": "markstage build",
-    "preview": "markstage preview"
+    "dev": "mrp dev",
+    "build": "mrp build",
+    "preview": "mrp preview"
   },
   "dependencies": {
-    "@izumisy/markstage": "workspace:*",
+    "@izumisy/md-react-preview": "workspace:*",
     "@tailor-platform/app-shell": "catalog:",
     "react": "catalog:",
     "react-dom": "catalog:"
diff --git a/examples/cli/previewer.config.ts b/examples/cli/previewer.config.ts
index 173d7e0..aa0b140 100644
--- a/examples/cli/previewer.config.ts
+++ b/examples/cli/previewer.config.ts
@@ -1,4 +1,4 @@
-import { defineConfig } from "@izumisy/markstage";
+import { defineConfig } from "@izumisy/md-react-preview";
 
 export default defineConfig({
   title: "AppShell docs",
diff --git a/examples/vitepress/docs/.vitepress/config.ts b/examples/vitepress/docs/.vitepress/config.ts
index bfd60c3..86efa25 100644
--- a/examples/vitepress/docs/.vitepress/config.ts
+++ b/examples/vitepress/docs/.vitepress/config.ts
@@ -1,13 +1,13 @@
 import { defineConfig } from "vitepress";
-import { createMarkstagePlugin } from "@izumisy/vitepress-plugin-react-preview";
+import { createMrpPlugin } from "@izumisy/vitepress-plugin-react-preview";
 
-const markstage = createMarkstagePlugin({
+const mrp = createMrpPlugin({
   css: "@tailor-platform/app-shell/styles",
 });
 
 export default defineConfig({
   title: "VitePress Example",
-  description: "Example of using Markstage preview blocks in VitePress",
+  description: "Example of using md-react-preview blocks in VitePress",
 
   themeConfig: {
     sidebar: [
@@ -26,11 +26,11 @@ export default defineConfig({
 
   markdown: {
     config(md) {
-      md.use(markstage.markdownIt);
+      md.use(mrp.markdownIt);
     },
   },
 
   vite: {
-    plugins: [...markstage.vite()],
+    plugins: [...mrp.vite()],
   },
 });
diff --git a/examples/vitepress/docs/index.md b/examples/vitepress/docs/index.md
index 9da4cc7..3ae2531 100644
--- a/examples/vitepress/docs/index.md
+++ b/examples/vitepress/docs/index.md
@@ -1,7 +1,7 @@
 ---
 layout: home
 hero:
-  name: "Markstage + VitePress"
+  name: "md-react-preview + VitePress"
   text: "React Component Preview Example"
   tagline: Live preview of React components inside VitePress using iframe isolation
   actions:
diff --git a/package.json b/package.json
index 3d863d6..c2f33da 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "markstage",
+  "name": "md-react-preview",
   "private": true,
   "packageManager": "pnpm@10.24.0",
   "engines": {
diff --git a/packages/markstage/README.md b/packages/md-react-preview/README.md
similarity index 87%
rename from packages/markstage/README.md
rename to packages/md-react-preview/README.md
index 6ca71fe..c9225e8 100644
--- a/packages/markstage/README.md
+++ b/packages/md-react-preview/README.md
@@ -1,21 +1,21 @@
-# @izumisy/markstage
+# @izumisy/md-react-preview
 
-CLI and programmatic API for Markstage — a zero-config component previewer for React projects.
+CLI and programmatic API for md-react-preview — a zero-config component previewer for React projects.
 
 Drop Markdown files into `docs/` with `` ```tsx preview `` fenced blocks and get a Vite-powered dev server with live component previews and syntax-highlighted source code.
 
 ## Install
 
 ```bash
-pnpm add -D @izumisy/markstage
+pnpm add -D @izumisy/md-react-preview
 ```
 
 ## CLI
 
 ```bash
-npx markstage dev       # Start dev server (default port 3040)
-npx markstage build     # Build static output
-npx markstage preview   # Preview the production build locally
+npx mrp dev       # Start dev server (default port 3040)
+npx mrp build     # Build static output
+npx mrp preview   # Preview the production build locally
 ```
 
 ## Writing Previews
@@ -77,7 +77,7 @@ Options can be set as `key="value"` pairs or boolean flags in the fence meta:
 Create a `previewer.config.ts` at your project root:
 
 ```ts
-import { defineConfig } from "@izumisy/markstage";
+import { defineConfig } from "@izumisy/md-react-preview";
 
 export default defineConfig({
   title: "My Component Library",
@@ -99,7 +99,7 @@ export default defineConfig({
 ## Programmatic API
 
 ```ts
-import { startDev, runBuild, defineConfig, createPreviewerViteConfig } from "@izumisy/markstage";
+import { startDev, runBuild, defineConfig, createPreviewerViteConfig } from "@izumisy/md-react-preview";
 ```
 
 | Export | Description |
diff --git a/packages/markstage/app/index.html b/packages/md-react-preview/app/index.html
similarity index 96%
rename from packages/markstage/app/index.html
rename to packages/md-react-preview/app/index.html
index caa4834..fa602e6 100644
--- a/packages/markstage/app/index.html
+++ b/packages/md-react-preview/app/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Markstage</title>
+    <title>md-react-preview</title>
     <style>
       *, *::before, *::after { box-sizing: border-box; margin: 0; }
       html, html.light {
diff --git a/packages/markstage/app/src/app.tsx b/packages/md-react-preview/app/src/app.tsx
similarity index 100%
rename from packages/markstage/app/src/app.tsx
rename to packages/md-react-preview/app/src/app.tsx
diff --git a/packages/markstage/app/src/code-block.tsx b/packages/md-react-preview/app/src/code-block.tsx
similarity index 100%
rename from packages/markstage/app/src/code-block.tsx
rename to packages/md-react-preview/app/src/code-block.tsx
diff --git a/packages/markstage/app/src/main.tsx b/packages/md-react-preview/app/src/main.tsx
similarity index 100%
rename from packages/markstage/app/src/main.tsx
rename to packages/md-react-preview/app/src/main.tsx
diff --git a/packages/markstage/app/src/mdx-components.tsx b/packages/md-react-preview/app/src/mdx-components.tsx
similarity index 100%
rename from packages/markstage/app/src/mdx-components.tsx
rename to packages/md-react-preview/app/src/mdx-components.tsx
diff --git a/packages/markstage/app/src/preview-block.tsx b/packages/md-react-preview/app/src/preview-block.tsx
similarity index 96%
rename from packages/markstage/app/src/preview-block.tsx
rename to packages/md-react-preview/app/src/preview-block.tsx
index c1e146c..872d693 100644
--- a/packages/markstage/app/src/preview-block.tsx
+++ b/packages/md-react-preview/app/src/preview-block.tsx
@@ -113,15 +113,12 @@ export function PreviewBlock({
   const initialColorScheme = useRef(colorScheme);
   useEffect(() => {
     if (colorScheme === initialColorScheme.current) return;
-    iframeRef.current?.contentWindow?.postMessage(
-      { type: "markstage-theme", theme: colorScheme },
-      "*",
-    );
+    iframeRef.current?.contentWindow?.postMessage({ type: "mrp-theme", theme: colorScheme }, "*");
   }, [colorScheme]);
 
   useEffect(() => {
     function onMessage(e: MessageEvent) {
-      if (e.data?.type === "markstage-resize" && e.data?.blockId === blockId) {
+      if (e.data?.type === "mrp-resize" && e.data?.blockId === blockId) {
         setIframeHeight(e.data.height);
       }
     }
diff --git a/packages/markstage/app/src/theme.tsx b/packages/md-react-preview/app/src/theme.tsx
similarity index 100%
rename from packages/markstage/app/src/theme.tsx
rename to packages/md-react-preview/app/src/theme.tsx
diff --git a/packages/markstage/app/src/virtual-modules.d.ts b/packages/md-react-preview/app/src/virtual-modules.d.ts
similarity index 92%
rename from packages/markstage/app/src/virtual-modules.d.ts
rename to packages/md-react-preview/app/src/virtual-modules.d.ts
index f8f4756..c00b8c5 100644
--- a/packages/markstage/app/src/virtual-modules.d.ts
+++ b/packages/md-react-preview/app/src/virtual-modules.d.ts
@@ -16,7 +16,7 @@ declare module "virtual:previewer-entries" {
 
 declare module "virtual:previewer-css" {}
 
-declare module "virtual:markstage-preview-registry" {
+declare module "virtual:mrp-preview-registry" {
   export const registry: Record<
     string,
     () => Promise<{ default: import("react").FC; css: string }>
diff --git a/packages/markstage/package.json b/packages/md-react-preview/package.json
similarity index 85%
rename from packages/markstage/package.json
rename to packages/md-react-preview/package.json
index 3233d99..2c47f5d 100644
--- a/packages/markstage/package.json
+++ b/packages/md-react-preview/package.json
@@ -1,9 +1,9 @@
 {
-  "name": "@izumisy/markstage",
+  "name": "@izumisy/md-react-preview",
   "version": "1.0.0",
-  "description": "Markstage — component previewer powered by MDX",
+  "description": "md-react-preview — component previewer powered by MDX",
   "bin": {
-    "markstage": "./dist/cli.mjs"
+    "mrp": "./dist/cli.mjs"
   },
   "files": [
     "dist/**",
@@ -29,7 +29,7 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@izumisy/react-preview": "workspace:*",
+    "@izumisy/vite-plugin-react-preview": "workspace:*",
     "@mdx-js/react": "^3.1.0",
     "@mdx-js/rollup": "^3.1.0",
     "@shikijs/langs": "^4.0.2",
diff --git a/packages/markstage/src/__fixtures__/docs/Button.md b/packages/md-react-preview/src/__fixtures__/docs/Button.md
similarity index 100%
rename from packages/markstage/src/__fixtures__/docs/Button.md
rename to packages/md-react-preview/src/__fixtures__/docs/Button.md
diff --git a/packages/markstage/src/__fixtures__/docs/Card.md b/packages/md-react-preview/src/__fixtures__/docs/Card.md
similarity index 100%
rename from packages/markstage/src/__fixtures__/docs/Card.md
rename to packages/md-react-preview/src/__fixtures__/docs/Card.md
diff --git a/packages/markstage/src/build-preview.test.ts b/packages/md-react-preview/src/build-preview.test.ts
similarity index 98%
rename from packages/markstage/src/build-preview.test.ts
rename to packages/md-react-preview/src/build-preview.test.ts
index 7594892..98dcdc8 100644
--- a/packages/markstage/src/build-preview.test.ts
+++ b/packages/md-react-preview/src/build-preview.test.ts
@@ -4,7 +4,7 @@ import { rm } from "node:fs/promises";
 import fg from "fast-glob";
 import { runBuild, runPreview } from "./server";
 import { extractPreviewBlocks } from "./preview-transform";
-import { simpleHash } from "@izumisy/react-preview";
+import { simpleHash } from "@izumisy/vite-plugin-react-preview";
 import { readFile } from "node:fs/promises";
 import type { PreviewServer } from "vite";
 
diff --git a/packages/markstage/src/cli.ts b/packages/md-react-preview/src/cli.ts
similarity index 100%
rename from packages/markstage/src/cli.ts
rename to packages/md-react-preview/src/cli.ts
diff --git a/packages/markstage/src/config.test.ts b/packages/md-react-preview/src/config.test.ts
similarity index 100%
rename from packages/markstage/src/config.test.ts
rename to packages/md-react-preview/src/config.test.ts
diff --git a/packages/markstage/src/config.ts b/packages/md-react-preview/src/config.ts
similarity index 100%
rename from packages/markstage/src/config.ts
rename to packages/md-react-preview/src/config.ts
diff --git a/packages/markstage/src/index.ts b/packages/md-react-preview/src/index.ts
similarity index 100%
rename from packages/markstage/src/index.ts
rename to packages/md-react-preview/src/index.ts
diff --git a/packages/markstage/src/preview-transform.test.ts b/packages/md-react-preview/src/preview-transform.test.ts
similarity index 100%
rename from packages/markstage/src/preview-transform.test.ts
rename to packages/md-react-preview/src/preview-transform.test.ts
diff --git a/packages/markstage/src/preview-transform.ts b/packages/md-react-preview/src/preview-transform.ts
similarity index 95%
rename from packages/markstage/src/preview-transform.ts
rename to packages/md-react-preview/src/preview-transform.ts
index b3b922f..6cc537d 100644
--- a/packages/markstage/src/preview-transform.ts
+++ b/packages/md-react-preview/src/preview-transform.ts
@@ -1,4 +1,4 @@
-import { parseMeta } from "@izumisy/react-preview";
+import { parseMeta } from "@izumisy/vite-plugin-react-preview";
 
 const PREVIEW_FENCE_RE = /```tsx preview(.*?)\n([\s\S]*?)```/g;
 
diff --git a/packages/markstage/src/server.ts b/packages/md-react-preview/src/server.ts
similarity index 100%
rename from packages/markstage/src/server.ts
rename to packages/md-react-preview/src/server.ts
diff --git a/packages/markstage/src/vite-config.ts b/packages/md-react-preview/src/vite-config.ts
similarity index 100%
rename from packages/markstage/src/vite-config.ts
rename to packages/md-react-preview/src/vite-config.ts
diff --git a/packages/markstage/src/vite-plugins/css.test.ts b/packages/md-react-preview/src/vite-plugins/css.test.ts
similarity index 100%
rename from packages/markstage/src/vite-plugins/css.test.ts
rename to packages/md-react-preview/src/vite-plugins/css.test.ts
diff --git a/packages/markstage/src/vite-plugins/css.ts b/packages/md-react-preview/src/vite-plugins/css.ts
similarity index 91%
rename from packages/markstage/src/vite-plugins/css.ts
rename to packages/md-react-preview/src/vite-plugins/css.ts
index 471b9ad..ffd4ba3 100644
--- a/packages/markstage/src/vite-plugins/css.ts
+++ b/packages/md-react-preview/src/vite-plugins/css.ts
@@ -1,5 +1,5 @@
 import type { Plugin } from "vite";
-import { resolveCssImportPath } from "@izumisy/react-preview";
+import { resolveCssImportPath } from "@izumisy/vite-plugin-react-preview";
 
 /**
  * Virtual module `virtual:previewer-css` — imports the host project's
diff --git a/packages/markstage/src/vite-plugins/entries.test.ts b/packages/md-react-preview/src/vite-plugins/entries.test.ts
similarity index 97%
rename from packages/markstage/src/vite-plugins/entries.test.ts
rename to packages/md-react-preview/src/vite-plugins/entries.test.ts
index 33734b0..6441001 100644
--- a/packages/markstage/src/vite-plugins/entries.test.ts
+++ b/packages/md-react-preview/src/vite-plugins/entries.test.ts
@@ -13,7 +13,7 @@ describe("previewerEntriesPlugin", () => {
   let tmpDir: string;
 
   beforeEach(async () => {
-    tmpDir = await mkdtemp(resolve(tmpdir(), "markstage-test-"));
+    tmpDir = await mkdtemp(resolve(tmpdir(), "mrp-test-"));
   });
 
   // oxlint-disable-next-line -- cleanup
diff --git a/packages/markstage/src/vite-plugins/entries.ts b/packages/md-react-preview/src/vite-plugins/entries.ts
similarity index 100%
rename from packages/markstage/src/vite-plugins/entries.ts
rename to packages/md-react-preview/src/vite-plugins/entries.ts
diff --git a/packages/markstage/src/vite-plugins/preview.test.ts b/packages/md-react-preview/src/vite-plugins/preview.test.ts
similarity index 96%
rename from packages/markstage/src/vite-plugins/preview.test.ts
rename to packages/md-react-preview/src/vite-plugins/preview.test.ts
index 96ffa49..ca77164 100644
--- a/packages/markstage/src/vite-plugins/preview.test.ts
+++ b/packages/md-react-preview/src/vite-plugins/preview.test.ts
@@ -1,12 +1,12 @@
 import { describe, it, expect, beforeEach } from "vitest";
 import { previewPlugin, type PreviewPluginResult } from "./preview";
-import { simpleHash } from "@izumisy/react-preview";
+import { simpleHash } from "@izumisy/vite-plugin-react-preview";
 import type { Plugin } from "vite";
 
 let preview: PreviewPluginResult;
 
 function getTransformPlugin(): Plugin {
-  return preview.plugins.find((p) => p.name === "markstage-preview")!;
+  return preview.plugins.find((p) => p.name === "mrp-preview")!;
 }
 
 async function callTransform(code: string, id: string) {
diff --git a/packages/markstage/src/vite-plugins/preview.ts b/packages/md-react-preview/src/vite-plugins/preview.ts
similarity index 97%
rename from packages/markstage/src/vite-plugins/preview.ts
rename to packages/md-react-preview/src/vite-plugins/preview.ts
index 7d63e6b..458397b 100644
--- a/packages/markstage/src/vite-plugins/preview.ts
+++ b/packages/md-react-preview/src/vite-plugins/preview.ts
@@ -8,7 +8,7 @@ import {
   resolveCssImportPath,
   VIRTUAL_PREFIX,
   REGISTRY_MODULE_ID,
-} from "@izumisy/react-preview";
+} from "@izumisy/vite-plugin-react-preview";
 
 export type PreviewPluginResult = {
   plugins: Plugin[];
@@ -35,13 +35,13 @@ export function previewPlugin(
   const cssImport = options?.css ? resolveCssImportPath(options.css, options.hostRoot) : undefined;
 
   // Reuse the base preview plugin for virtual modules + standalone server
-  const basePlugins = createBasePreviewPlugin("markstage-preview-base", {
+  const basePlugins = createBasePreviewPlugin("mrp-preview-base", {
     blockRegistry,
     cssImport,
   });
 
   const transformPlugin: Plugin = {
-    name: "markstage-preview",
+    name: "mrp-preview",
     enforce: "pre",
 
     async transform(code, id) {
diff --git a/packages/markstage/tsconfig.json b/packages/md-react-preview/tsconfig.json
similarity index 100%
rename from packages/markstage/tsconfig.json
rename to packages/md-react-preview/tsconfig.json
diff --git a/packages/markstage/tsdown.config.ts b/packages/md-react-preview/tsdown.config.ts
similarity index 100%
rename from packages/markstage/tsdown.config.ts
rename to packages/md-react-preview/tsdown.config.ts
diff --git a/packages/markstage/vitest.config.ts b/packages/md-react-preview/vitest.config.ts
similarity index 100%
rename from packages/markstage/vitest.config.ts
rename to packages/md-react-preview/vitest.config.ts
diff --git a/packages/react-preview/src/dom.ts b/packages/react-preview/src/dom.ts
deleted file mode 100644
index 3a7bbc0..0000000
--- a/packages/react-preview/src/dom.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-/**
- * Browser-safe exports from @izumisy/react-preview.
- *
- * This sub-path (`@izumisy/react-preview/dom`) avoids pulling in Node.js
- * dependencies (e.g. `node:crypto`) so it can be safely imported from
- * browser code such as React components or Vue SFCs.
- */
-export {
-  WRAP_STYLES,
-  ALIGN_STYLES,
-} from "./preview-module";
diff --git a/packages/react-preview/README.md b/packages/vite-plugin-react-preview/README.md
similarity index 57%
rename from packages/react-preview/README.md
rename to packages/vite-plugin-react-preview/README.md
index 92cd50a..cc5ac81 100644
--- a/packages/react-preview/README.md
+++ b/packages/vite-plugin-react-preview/README.md
@@ -1,18 +1,18 @@
-# @izumisy/react-preview
+# @izumisy/vite-plugin-react-preview
 
-Low-level Vite plugin and utilities for rendering React component previews. This package is the shared engine used by both `@izumisy/markstage` (CLI) and `@izumisy/vitepress-plugin-react-preview` (VitePress integration).
+Low-level Vite plugin and utilities for rendering React component previews. This package is the shared engine used by both `@izumisy/md-react-preview` (CLI) and `@izumisy/vitepress-plugin-react-preview` (VitePress integration).
 
 ## Features
 
 - **Preview block parsing** — `parseMeta()` extracts options (`wrap`, `height`, `standalone`, …) from fenced code block meta strings
-- **Virtual module generation** — each preview block becomes a virtual Vite module (`virtual:markstage-preview-{blockId}`) containing the component code, CSS import, and a default export
+- **Virtual module generation** — each preview block becomes a virtual Vite module (`virtual:mrp-preview-{blockId}`) containing the component code, CSS import, and a default export
 - **Standalone preview pages** — generates full-viewport HTML pages served at `/__preview/{blockId}` with theme support (`?theme=dark|light`)
 - **Block registry** — a shared `Map<string, PreviewBlockEntry>` that tracks discovered blocks and coordinates between the markdown parser and Vite plugin
-- **Browser-safe sub-path** — `@izumisy/react-preview/dom` exports constants without pulling in Node.js dependencies, safe for browser/Vue SFC imports
+- **Browser-safe sub-path** — `@izumisy/vite-plugin-react-preview/dom` exports constants without pulling in Node.js dependencies, safe for browser/Vue SFC imports
 
 ## Exports
 
-### `@izumisy/react-preview` (main)
+### `@izumisy/vite-plugin-react-preview` (main)
 
 | Export | Description |
 |--------|-------------|
@@ -25,7 +25,7 @@ Low-level Vite plugin and utilities for rendering React component previews. This
 | `simpleHash(str)` | MD5-based short hash for generating block IDs |
 | `resolveCssImportPath(css, hostRoot?)` | Resolves CSS import paths (package specifiers vs relative paths) |
 
-### `@izumisy/react-preview/dom` (browser-safe)
+### `@izumisy/vite-plugin-react-preview/dom` (browser-safe)
 
 | Export | Description |
 |--------|-------------|
@@ -36,20 +36,39 @@ Low-level Vite plugin and utilities for rendering React component previews. This
 
 This package is not typically used directly. It is consumed by:
 
-- **`@izumisy/markstage`** — uses `createBasePreviewPlugin` and `createPreviewBuildPlugin` to power the CLI preview server
+- **`@izumisy/md-react-preview`** — uses `createBasePreviewPlugin` and `createPreviewBuildPlugin` to power the CLI preview server
 - **`@izumisy/vitepress-plugin-react-preview`** — uses the same plugins to integrate previews into VitePress
 
 If you are building a custom integration, use `createBasePreviewPlugin()` with a block registry:
 
 ```ts
-import { createBasePreviewPlugin, type PreviewBlockEntry } from "@izumisy/react-preview";
-
+import {
+  createBasePreviewPlugin,
+  createPreviewBuildPlugin,
+  type PreviewBlockEntry,
+} from "@izumisy/vite-plugin-react-preview";
+
+// blockRegistry is defined externally so that multiple plugins (e.g. a
+// markdown-it plugin that registers blocks and the Vite plugin that serves
+// them) can share the same mutable state.
 const blockRegistry = new Map<string, PreviewBlockEntry>();
 
-const plugins = createBasePreviewPlugin("my-preview-plugin", {
+// createBasePreviewPlugin: provides virtual module resolution, code
+// generation, JSX compilation, and the dev server middleware for serving
+// standalone preview pages at /__preview/:blockId.
+const basePlugins = createBasePreviewPlugin("my-preview-plugin", {
   blockRegistry,
   cssImport: "@my-lib/styles",
 });
+
+// createPreviewBuildPlugin: production build only — emits static HTML pages
+// for each preview block so they can be embedded as iframes in the built site.
+const buildPlugin = createPreviewBuildPlugin({
+  blockRegistry,
+  scanBlocks: (root) => {
+    // Populate blockRegistry before Rollup resolves virtual modules.
+  },
+});
 ```
 
 ## License
diff --git a/packages/react-preview/package.json b/packages/vite-plugin-react-preview/package.json
similarity index 93%
rename from packages/react-preview/package.json
rename to packages/vite-plugin-react-preview/package.json
index 0933203..7dbf6b9 100644
--- a/packages/react-preview/package.json
+++ b/packages/vite-plugin-react-preview/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@izumisy/react-preview",
+  "name": "@izumisy/vite-plugin-react-preview",
   "version": "1.0.0",
   "description": "Vite plugin for rendering React component previews in iframe",
   "type": "module",
diff --git a/packages/vite-plugin-react-preview/src/dom.ts b/packages/vite-plugin-react-preview/src/dom.ts
new file mode 100644
index 0000000..668785d
--- /dev/null
+++ b/packages/vite-plugin-react-preview/src/dom.ts
@@ -0,0 +1,8 @@
+/**
+ * Browser-safe exports from @izumisy/vite-plugin-react-preview.
+ *
+ * This sub-path (`@izumisy/vite-plugin-react-preview/dom`) avoids pulling in Node.js
+ * dependencies (e.g. `node:crypto`) so it can be safely imported from
+ * browser code such as React components or Vue SFCs.
+ */
+export { WRAP_STYLES, ALIGN_STYLES } from "./preview-module";
diff --git a/packages/react-preview/src/index.ts b/packages/vite-plugin-react-preview/src/index.ts
similarity index 100%
rename from packages/react-preview/src/index.ts
rename to packages/vite-plugin-react-preview/src/index.ts
diff --git a/packages/react-preview/src/preview-module.test.ts b/packages/vite-plugin-react-preview/src/preview-module.test.ts
similarity index 91%
rename from packages/react-preview/src/preview-module.test.ts
rename to packages/vite-plugin-react-preview/src/preview-module.test.ts
index f125582..014b297 100644
--- a/packages/react-preview/src/preview-module.test.ts
+++ b/packages/vite-plugin-react-preview/src/preview-module.test.ts
@@ -52,9 +52,9 @@ describe("generatePreviewModuleCode", () => {
       "@tailor-platform/app-shell/styles",
     );
     expect(code).toContain(
-      'import __markstage_css from "@tailor-platform/app-shell/styles?inline"',
+      'import __mrp_css from "@tailor-platform/app-shell/styles?inline"',
     );
-    expect(code).toContain("export const css = __markstage_css");
+    expect(code).toContain("export const css = __mrp_css");
   });
 
   it("handles any CSS path with ?inline", () => {
@@ -64,9 +64,9 @@ describe("generatePreviewModuleCode", () => {
       "/abs/path/to/styles.css",
     );
     expect(code).toContain(
-      'import __markstage_css from "/abs/path/to/styles.css?inline"',
+      'import __mrp_css from "/abs/path/to/styles.css?inline"',
     );
-    expect(code).toContain("export const css = __markstage_css");
+    expect(code).toContain("export const css = __mrp_css");
   });
 });
 
diff --git a/packages/react-preview/src/preview-module.ts b/packages/vite-plugin-react-preview/src/preview-module.ts
similarity index 88%
rename from packages/react-preview/src/preview-module.ts
rename to packages/vite-plugin-react-preview/src/preview-module.ts
index 75f71b9..34753f1 100644
--- a/packages/react-preview/src/preview-module.ts
+++ b/packages/vite-plugin-react-preview/src/preview-module.ts
@@ -1,9 +1,8 @@
 import type { PreviewBlockEntry } from "./preview-utils";
 
-export const VIRTUAL_PREFIX = "virtual:markstage-preview-";
-export const REGISTRY_MODULE_ID = "virtual:markstage-preview-registry";
-export const STANDALONE_CLIENT_MODULE_ID =
-  "virtual:markstage-standalone-client";
+export const VIRTUAL_PREFIX = "virtual:mrp-preview-";
+export const REGISTRY_MODULE_ID = "virtual:mrp-preview-registry";
+export const STANDALONE_CLIENT_MODULE_ID = "virtual:mrp-standalone-client";
 
 export const WRAP_STYLES: Record<string, string> = {
   row: "flex-wrap:wrap;gap:8px",
@@ -67,8 +66,8 @@ export function generatePreviewModuleCode(
   const cssLines: string[] = [];
   if (cssImport) {
     cssLines.push(
-      `import __markstage_css from ${JSON.stringify(cssImport + "?inline")};`,
-      `export const css = __markstage_css;`,
+      `import __mrp_css from ${JSON.stringify(cssImport + "?inline")};`,
+      `export const css = __mrp_css;`,
     );
   } else {
     cssLines.push(`export const css = "";`);
diff --git a/packages/react-preview/src/preview-plugin.test.ts b/packages/vite-plugin-react-preview/src/preview-plugin.test.ts
similarity index 99%
rename from packages/react-preview/src/preview-plugin.test.ts
rename to packages/vite-plugin-react-preview/src/preview-plugin.test.ts
index 075a284..2bcffc6 100644
--- a/packages/react-preview/src/preview-plugin.test.ts
+++ b/packages/vite-plugin-react-preview/src/preview-plugin.test.ts
@@ -128,7 +128,7 @@ describe("createPreviewHooks", () => {
       expect(code).toContain("createRoot");
       expect(code).toContain("registry[blockId]");
       expect(code).toContain("ResizeObserver");
-      expect(code).toContain("markstage-resize");
+      expect(code).toContain("mrp-resize");
     });
 
     it("generates preview module code for a known blockId", () => {
diff --git a/packages/react-preview/src/preview-plugin.ts b/packages/vite-plugin-react-preview/src/preview-plugin.ts
similarity index 97%
rename from packages/react-preview/src/preview-plugin.ts
rename to packages/vite-plugin-react-preview/src/preview-plugin.ts
index 01cadaa..8eb87a9 100644
--- a/packages/react-preview/src/preview-plugin.ts
+++ b/packages/vite-plugin-react-preview/src/preview-plugin.ts
@@ -126,7 +126,7 @@ if (themeParam === "dark" || themeParam === "light") {
   applyTheme(themeParam);
 }
 window.addEventListener("message", function(e) {
-  if (e.data && e.data.type === "markstage-theme" && (e.data.theme === "dark" || e.data.theme === "light")) {
+  if (e.data && e.data.type === "mrp-theme" && (e.data.theme === "dark" || e.data.theme === "light")) {
     applyTheme(e.data.theme);
   }
 });
@@ -147,7 +147,7 @@ registry[blockId]().then(function(mod) {
 
   new ResizeObserver(function() {
     window.parent.postMessage(
-      { type: "markstage-resize", blockId: blockId, height: root.scrollHeight },
+      { type: "mrp-resize", blockId: blockId, height: root.scrollHeight },
       "*"
     );
   }).observe(root);
@@ -286,7 +286,7 @@ export function createPreviewBuildPlugin(
   let standaloneChunkRefId: string | undefined;
 
   return {
-    name: "markstage-preview-build",
+    name: "mrp-preview-build",
 
     configResolved(config) {
       resolvedConfig = config;
@@ -301,7 +301,7 @@ export function createPreviewBuildPlugin(
       standaloneChunkRefId = this.emitFile({
         type: "chunk",
         id: STANDALONE_CLIENT_MODULE_ID,
-        name: "markstage-standalone-preview",
+        name: "mrp-standalone-preview",
       });
     },
 
diff --git a/packages/react-preview/src/preview-utils.test.ts b/packages/vite-plugin-react-preview/src/preview-utils.test.ts
similarity index 100%
rename from packages/react-preview/src/preview-utils.test.ts
rename to packages/vite-plugin-react-preview/src/preview-utils.test.ts
diff --git a/packages/react-preview/src/preview-utils.ts b/packages/vite-plugin-react-preview/src/preview-utils.ts
similarity index 100%
rename from packages/react-preview/src/preview-utils.ts
rename to packages/vite-plugin-react-preview/src/preview-utils.ts
diff --git a/packages/react-preview/tsconfig.json b/packages/vite-plugin-react-preview/tsconfig.json
similarity index 100%
rename from packages/react-preview/tsconfig.json
rename to packages/vite-plugin-react-preview/tsconfig.json
diff --git a/packages/react-preview/tsdown.config.ts b/packages/vite-plugin-react-preview/tsdown.config.ts
similarity index 100%
rename from packages/react-preview/tsdown.config.ts
rename to packages/vite-plugin-react-preview/tsdown.config.ts
diff --git a/packages/react-preview/vitest.config.ts b/packages/vite-plugin-react-preview/vitest.config.ts
similarity index 100%
rename from packages/react-preview/vitest.config.ts
rename to packages/vite-plugin-react-preview/vitest.config.ts
diff --git a/packages/vitepress-plugin-react-preview/README.md b/packages/vitepress-plugin-react-preview/README.md
index 60c9470..67307e5 100644
--- a/packages/vitepress-plugin-react-preview/README.md
+++ b/packages/vitepress-plugin-react-preview/README.md
@@ -7,7 +7,7 @@ Transforms `` ```tsx preview `` fenced blocks in Markdown into interactive previ
 ## Features
 
 - **markdown-it plugin** — rewrites `` ```tsx preview `` blocks into `<PreviewBlock>` Vue components at the Markdown parsing stage
-- **Vite plugin** — serves preview modules and standalone preview pages using `@izumisy/react-preview` under the hood
+- **Vite plugin** — serves preview modules and standalone preview pages using `@izumisy/vite-plugin-react-preview` under the hood
 - **Style isolation** — inline previews render inside iframes; standalone previews run in a separate page
 - **Dark mode** — syncs with VitePress theme toggle via `postMessage`
 - **Build support** — emits standalone HTML pages (`/__preview/{blockId}.html`) during `vitepress build`
@@ -24,20 +24,20 @@ In your VitePress config (`.vitepress/config.ts`):
 
 ```ts
 import { defineConfig } from "vitepress";
-import { createMarkstagePlugin } from "@izumisy/vitepress-plugin-react-preview";
+import { createMrpPlugin } from "@izumisy/vitepress-plugin-react-preview";
 
-const markstage = createMarkstagePlugin({
+const mrp = createMrpPlugin({
   css: "@my-lib/styles", // optional: CSS to inject into previews
 });
 
 export default defineConfig({
   markdown: {
     config(md) {
-      md.use(markstage.markdownIt);
+      md.use(mrp.markdownIt);
     },
   },
   vite: {
-    plugins: [markstage.vite()],
+    plugins: [mrp.vite()],
   },
 });
 ```
@@ -52,7 +52,7 @@ import PreviewBlock from "@izumisy/vitepress-plugin-react-preview/PreviewBlock.v
 
 ## Preview Syntax
 
-Works with the same `` ```tsx preview `` syntax as `@izumisy/markstage`:
+Works with the same `` ```tsx preview `` syntax as `@izumisy/md-react-preview`:
 
 ````md
 ```tsx preview
diff --git a/packages/vitepress-plugin-react-preview/package.json b/packages/vitepress-plugin-react-preview/package.json
index 21d89a3..bbe6a24 100644
--- a/packages/vitepress-plugin-react-preview/package.json
+++ b/packages/vitepress-plugin-react-preview/package.json
@@ -21,7 +21,7 @@
     "test": "vitest run"
   },
   "dependencies": {
-    "@izumisy/react-preview": "workspace:*"
+    "@izumisy/vite-plugin-react-preview": "workspace:*"
   },
   "devDependencies": {
     "@types/markdown-it": "^14.1.2",
diff --git a/packages/vitepress-plugin-react-preview/src/PreviewBlock.vue b/packages/vitepress-plugin-react-preview/src/PreviewBlock.vue
index bab3f15..3bccdd3 100644
--- a/packages/vitepress-plugin-react-preview/src/PreviewBlock.vue
+++ b/packages/vitepress-plugin-react-preview/src/PreviewBlock.vue
@@ -52,7 +52,7 @@ function syncThemeToIframe() {
   const iframe = iframeRef.value;
   if (iframe?.contentWindow) {
     iframe.contentWindow.postMessage(
-      { type: "markstage-theme", theme: currentTheme.value },
+      { type: "mrp-theme", theme: currentTheme.value },
       "*"
     );
   }
@@ -60,7 +60,7 @@ function syncThemeToIframe() {
 
 function onMessage(e: MessageEvent) {
   if (
-    e.data?.type === "markstage-resize" &&
+    e.data?.type === "mrp-resize" &&
     e.data?.blockId === props.blockId
   ) {
     iframeHeight.value = e.data.height;
@@ -91,40 +91,40 @@ onBeforeUnmount(() => {
 </script>
 
 <template>
-  <div class="markstage-preview vp-raw">
+  <div class="mrp-preview vp-raw">
     <template v-if="isStandalone">
       <a
         :href="previewUrl"
         target="_blank"
         rel="noopener noreferrer"
-        class="markstage-preview-standalone-link"
+        class="mrp-preview-standalone-link"
       >
         <svg width="20" height="20" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" style="opacity:0.5">
           <path d="M7 3H3v10h10V9" />
           <path d="M10 2h4v4" />
           <path d="M14 2L7 9" />
         </svg>
-        <span class="markstage-preview-standalone-text">
-          <span class="markstage-preview-standalone-title">Open full-page preview</span>
-          <span class="markstage-preview-standalone-desc">This component requires a full viewport to render correctly.</span>
+        <span class="mrp-preview-standalone-text">
+          <span class="mrp-preview-standalone-title">Open full-page preview</span>
+          <span class="mrp-preview-standalone-desc">This component requires a full viewport to render correctly.</span>
         </span>
       </a>
     </template>
     <template v-else>
-      <div class="markstage-preview-render">
+      <div class="mrp-preview-render">
         <iframe
           ref="iframeRef"
           :src="previewUrl"
           :style="{ height: iframeHeight + 'px' }"
-          class="markstage-preview-iframe"
+          class="mrp-preview-iframe"
         />
       </div>
-      <div class="markstage-preview-actions">
+      <div class="mrp-preview-actions">
         <a
           :href="previewUrl"
           target="_blank"
           rel="noopener noreferrer"
-          class="markstage-preview-fullscreen-link"
+          class="mrp-preview-fullscreen-link"
         >
           Open full preview
           <svg width="14" height="14" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
@@ -135,9 +135,9 @@ onBeforeUnmount(() => {
         </a>
       </div>
     </template>
-    <div class="markstage-preview-code">
+    <div class="mrp-preview-code">
       <button
-        class="markstage-preview-toggle"
+        class="mrp-preview-toggle"
         @click="showCode = !showCode"
       >
         <svg
@@ -149,7 +149,7 @@ onBeforeUnmount(() => {
           stroke-width="1.5"
           stroke-linecap="round"
           stroke-linejoin="round"
-          :class="{ 'markstage-chevron-open': showCode }"
+          :class="{ 'mrp-chevron-open': showCode }"
         >
           <path d="M6 4l4 4-4 4" />
         </svg>
@@ -164,29 +164,29 @@ onBeforeUnmount(() => {
 </template>
 
 <style scoped>
-.markstage-preview {
+.mrp-preview {
   border: 1px solid var(--vp-c-divider);
   border-radius: 8px;
   overflow: hidden;
   margin: 16px 0;
 }
 
-.markstage-preview-render {
+.mrp-preview-render {
   background-color: var(--vp-c-bg);
 }
 
-.markstage-preview-iframe {
+.mrp-preview-iframe {
   display: block;
   width: 100%;
   border: none;
   transition: height 0.15s ease;
 }
 
-.markstage-preview-code {
+.mrp-preview-code {
   border-top: 1px solid var(--vp-c-divider);
 }
 
-.markstage-preview-toggle {
+.mrp-preview-toggle {
   display: flex;
   align-items: center;
   gap: 4px;
@@ -200,22 +200,22 @@ onBeforeUnmount(() => {
   font-family: inherit;
 }
 
-.markstage-preview-toggle:hover {
+.mrp-preview-toggle:hover {
   color: var(--vp-c-text-1);
 }
 
-.markstage-chevron-open {
+.mrp-chevron-open {
   transform: rotate(90deg);
 }
 
-.markstage-preview-actions {
+.mrp-preview-actions {
   display: flex;
   justify-content: flex-end;
   padding: 6px 12px;
   border-top: 1px solid var(--vp-c-divider);
 }
 
-.markstage-preview-fullscreen-link {
+.mrp-preview-fullscreen-link {
   display: inline-flex;
   align-items: center;
   gap: 4px;
@@ -224,31 +224,31 @@ onBeforeUnmount(() => {
   text-decoration: none;
 }
 
-.markstage-preview-fullscreen-link:hover {
+.mrp-preview-fullscreen-link:hover {
   color: var(--vp-c-text-1);
 }
 
-.markstage-preview-code svg {
+.mrp-preview-code svg {
   transition: transform 0.15s;
 }
 
-.markstage-preview-code pre {
+.mrp-preview-code pre {
   margin: 0 !important;
   border-radius: 0 !important;
 }
 
-.markstage-preview-code :deep(pre) {
+.mrp-preview-code :deep(pre) {
   margin: 0 !important;
   border-radius: 0 !important;
   padding: 16px !important;
 }
 
-.markstage-preview-code :deep(pre code) {
+.mrp-preview-code :deep(pre code) {
   font-size: 13px !important;
   line-height: 1.6 !important;
 }
 
-.markstage-preview-standalone-link {
+.mrp-preview-standalone-link {
   display: flex;
   align-items: center;
   gap: 12px;
@@ -258,23 +258,23 @@ onBeforeUnmount(() => {
   transition: background-color 0.15s;
 }
 
-.markstage-preview-standalone-link:hover {
+.mrp-preview-standalone-link:hover {
   background-color: var(--vp-c-bg-soft);
 }
 
-.markstage-preview-standalone-text {
+.mrp-preview-standalone-text {
   display: flex;
   flex-direction: column;
   gap: 2px;
 }
 
-.markstage-preview-standalone-title {
+.mrp-preview-standalone-title {
   font-size: 14px;
   font-weight: 500;
   color: var(--vp-c-text-1);
 }
 
-.markstage-preview-standalone-desc {
+.mrp-preview-standalone-desc {
   font-size: 12px;
   color: var(--vp-c-text-3);
 }
diff --git a/packages/vitepress-plugin-react-preview/src/index.ts b/packages/vitepress-plugin-react-preview/src/index.ts
index 925eeb8..8be9509 100644
--- a/packages/vitepress-plugin-react-preview/src/index.ts
+++ b/packages/vitepress-plugin-react-preview/src/index.ts
@@ -1,16 +1,16 @@
 import { readFileSync, readdirSync, statSync } from "node:fs";
 import { join, relative } from "node:path";
 import type { Plugin } from "vite";
-import type { PreviewBlockEntry } from "@izumisy/react-preview";
+import type { PreviewBlockEntry } from "@izumisy/vite-plugin-react-preview";
 import {
   createBasePreviewPlugin,
   createPreviewBuildPlugin,
   simpleHash,
   parseMeta,
-} from "@izumisy/react-preview";
+} from "@izumisy/vite-plugin-react-preview";
 import { createMarkdownItPlugin } from "./markdown-it-plugin";
 
-export type MarkstageVitePressOptions = {
+export type MrpVitePressOptions = {
   /** CSS file to inject into preview blocks (e.g. your component library's stylesheet) */
   css?: string;
 };
@@ -71,13 +71,13 @@ export function scanMarkdownBlocks(
 }
 
 /**
- * Create a Markstage plugin instance for VitePress.
+ * Create a md-react-preview plugin instance for VitePress.
  *
  * Returns an object with:
  * - `markdownIt`: markdown-it plugin that transforms ` ```tsx preview ` fences
  * - `vite()`: Vite plugins that serve preview blocks with live React components
  */
-export function createMarkstagePlugin(options: MarkstageVitePressOptions = {}) {
+export function createMrpPlugin(options: MrpVitePressOptions = {}) {
   const blockRegistry = new Map<string, PreviewBlockEntry>();
 
   return {
@@ -92,7 +92,7 @@ export function createMarkstagePlugin(options: MarkstageVitePressOptions = {}) {
      */
     vite(): Plugin[] {
       return [
-        ...createBasePreviewPlugin("markstage-vitepress-preview", {
+        ...createBasePreviewPlugin("mrp-vitepress-preview", {
           blockRegistry,
           cssImport: options.css,
         }),
diff --git a/packages/vitepress-plugin-react-preview/src/markdown-it-plugin.test.ts b/packages/vitepress-plugin-react-preview/src/markdown-it-plugin.test.ts
index 4fb2254..a6ad9f1 100644
--- a/packages/vitepress-plugin-react-preview/src/markdown-it-plugin.test.ts
+++ b/packages/vitepress-plugin-react-preview/src/markdown-it-plugin.test.ts
@@ -1,6 +1,6 @@
 import { describe, it, expect } from "vitest";
 import MarkdownIt from "markdown-it";
-import type { PreviewBlockEntry } from "@izumisy/react-preview";
+import type { PreviewBlockEntry } from "@izumisy/vite-plugin-react-preview";
 import { createMarkdownItPlugin } from "./markdown-it-plugin";
 
 function render(src: string, env: Record<string, unknown> = {}) {
diff --git a/packages/vitepress-plugin-react-preview/src/markdown-it-plugin.ts b/packages/vitepress-plugin-react-preview/src/markdown-it-plugin.ts
index 93e3ebe..e948b1e 100644
--- a/packages/vitepress-plugin-react-preview/src/markdown-it-plugin.ts
+++ b/packages/vitepress-plugin-react-preview/src/markdown-it-plugin.ts
@@ -3,7 +3,7 @@ import {
   simpleHash,
   parseMeta,
   type PreviewBlockEntry,
-} from "@izumisy/react-preview";
+} from "@izumisy/vite-plugin-react-preview";
 
 /**
  * Create a markdown-it plugin that transforms ` ```tsx preview ` fenced code blocks
diff --git a/packages/vitepress-plugin-react-preview/src/scan-blocks.test.ts b/packages/vitepress-plugin-react-preview/src/scan-blocks.test.ts
index ad33e94..9d00496 100644
--- a/packages/vitepress-plugin-react-preview/src/scan-blocks.test.ts
+++ b/packages/vitepress-plugin-react-preview/src/scan-blocks.test.ts
@@ -2,11 +2,11 @@ import { describe, it, expect, beforeAll, afterAll } from "vitest";
 import { mkdirSync, writeFileSync, rmSync } from "node:fs";
 import { join } from "node:path";
 import { tmpdir } from "node:os";
-import type { PreviewBlockEntry } from "@izumisy/react-preview";
-import { simpleHash } from "@izumisy/react-preview";
+import type { PreviewBlockEntry } from "@izumisy/vite-plugin-react-preview";
+import { simpleHash } from "@izumisy/vite-plugin-react-preview";
 import { findMarkdownFiles, scanMarkdownBlocks } from "./index";
 
-const TMP_ROOT = join(tmpdir(), "markstage-test-" + Date.now());
+const TMP_ROOT = join(tmpdir(), "mrp-test-" + Date.now());
 
 beforeAll(() => {
   mkdirSync(join(TMP_ROOT, "docs", "nested"), { recursive: true });
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 530b350..d845428 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -41,9 +41,9 @@ importers:
 
   examples/cli:
     dependencies:
-      '@izumisy/markstage':
+      '@izumisy/md-react-preview':
         specifier: workspace:*
-        version: link:../../packages/markstage
+        version: link:../../packages/md-react-preview
       '@tailor-platform/app-shell':
         specifier: 'catalog:'
         version: 0.31.1(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(vite@6.4.1(@types/node@22.19.15)(jiti@2.6.1)(yaml@2.8.3))
@@ -76,11 +76,11 @@ importers:
         specifier: ^3.5.13
         version: 3.5.31(typescript@5.9.3)
 
-  packages/markstage:
+  packages/md-react-preview:
     dependencies:
-      '@izumisy/react-preview':
+      '@izumisy/vite-plugin-react-preview':
         specifier: workspace:*
-        version: link:../react-preview
+        version: link:../vite-plugin-react-preview
       '@mdx-js/react':
         specifier: ^3.1.0
         version: 3.1.1(@types/react@19.2.14)(react@19.2.4)
@@ -152,7 +152,7 @@ importers:
         specifier: 'catalog:'
         version: 4.1.2(@types/node@22.19.15)(vite@6.4.1(@types/node@22.19.15)(jiti@2.6.1)(yaml@2.8.3))
 
-  packages/react-preview:
+  packages/vite-plugin-react-preview:
     dependencies:
       vite:
         specifier: 'catalog:'
@@ -173,9 +173,9 @@ importers:
 
   packages/vitepress-plugin-react-preview:
     dependencies:
-      '@izumisy/react-preview':
+      '@izumisy/vite-plugin-react-preview':
         specifier: workspace:*
-        version: link:../react-preview
+        version: link:../vite-plugin-react-preview
       react:
         specifier: '>=18'
         version: 19.2.4