diff --git a/.github/workflows/npm-publish.yml b/.github/workflows/npm-publish.yml
index ab3fdfd..f548599 100644
--- a/.github/workflows/npm-publish.yml
+++ b/.github/workflows/npm-publish.yml
@@ -8,16 +8,6 @@ on:
     types: [created]
 
 jobs:
-  build:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
-        with:
-          node-version: '18.x'
-      - run: npm ci
-      - run: npm test
-
   publish-npm:
     needs: build
     runs-on: ubuntu-latest
diff --git a/README.md b/README.md
index a89feb0..7a63cc7 100644
--- a/README.md
+++ b/README.md
@@ -11,6 +11,8 @@ https://kaakaa.github.io/slidev-addon-rabbit/1?time=1
 
 ## Description
 
+As the presentation begins, the rabbit and the turtle aim for the goal. **The rabbit** represents **the current page**, and **the turtle** represents **the elapsed time** since the start. Let's guide the rabbit to the goal before the turtle arrives, ensuring everyone has enough leisure time.
+
 ![](./assets/description.png)
 
 ## Usage
diff --git a/assets/description.png b/assets/description.png
index 93b923c..7dd7bca 100644
Binary files a/assets/description.png and b/assets/description.png differ
diff --git a/assets/screen.gif b/assets/screen.gif
index a0c0fab..8da4f00 100644
Binary files a/assets/screen.gif and b/assets/screen.gif differ
diff --git a/components/Flag.vue b/components/Flag.vue
index a183330..0d175d1 100644
--- a/components/Flag.vue
+++ b/components/Flag.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="rabtle-container" :style="{left: left + 'px'}">
+  <div class="rabbit-container" :style="{left: left + 'px'}">
     <emojione-monotone-flag-for-chequered-flag />
   </div>
 </template>
diff --git a/components/Rabbit.vue b/components/Rabbit.vue
index 85c6d0f..62d16c4 100644
--- a/components/Rabbit.vue
+++ b/components/Rabbit.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="rabtle-container" :style="{left: pos + 'px'}">
+  <div class="rabbit-container" :style="{left: pos + 'px'}">
     <emojione-monotone-rabbit class="icon" />
     <div
       class="py-1 px-1 text-xs bg-white bg-opacity-20 rounded-md text-center"
diff --git a/components/Turtle.vue b/components/Turtle.vue
index 6a80c4a..61d4bf3 100644
--- a/components/Turtle.vue
+++ b/components/Turtle.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="rabtle-container" :style="{left: left + 'px'}">
+  <div class="rabbit-container" :style="{left: left + 'px'}">
     <emojione-monotone-turtle class="icon" />
   </div>
 </template>
diff --git a/styles/index.css b/styles/index.css
index 3f9beba..e76a766 100644
--- a/styles/index.css
+++ b/styles/index.css
@@ -1,4 +1,4 @@
-.rabtle-container {
+.rabbit-container {
     position: absolute;
     top: 96%;
     z-index: 99;