diff --git a/locales/en-US.yml b/locales/en-US.yml
index 810c96fd1e..74ac5e7989 100644
--- a/locales/en-US.yml
+++ b/locales/en-US.yml
@@ -1620,6 +1620,8 @@ _mfm:
   bgDescription: "Set the background color to the specified value."
   plain: "Plain"
   plainDescription: "Deactivates the effects of all MFM contained within this MFM effect."
+  ruby: "Ruby"
+  rubyDescription: "Display ruby characters over the text."
 _instanceTicker:
   none: "Never show"
   remote: "Show for remote users"
diff --git a/locales/index.d.ts b/locales/index.d.ts
index a3d48c2516..dccc16b851 100644
--- a/locales/index.d.ts
+++ b/locales/index.d.ts
@@ -1727,6 +1727,8 @@ export interface Locale {
         "bgDescription": string;
         "plain": string;
         "plainDescription": string;
+        "ruby": string;
+        "rubyDescription": string;
     };
     "_instanceTicker": {
         "none": string;
diff --git a/locales/ja-JP.yml b/locales/ja-JP.yml
index 8ca5497b59..f420e86ee3 100644
--- a/locales/ja-JP.yml
+++ b/locales/ja-JP.yml
@@ -1643,6 +1643,8 @@ _mfm:
   bgDescription: "指定した値で背景色を指定します。"
   plain: "プレーン"
   plainDescription: "内側の構文を全て無効にします。"
+  ruby: "ルビ"
+  rubyDescription: "文字の上にルビを表示します。"
 
 _instanceTicker:
   none: "表示しない"
diff --git a/locales/ko-KR.yml b/locales/ko-KR.yml
index 9a49467c74..df9eddfe8e 100644
--- a/locales/ko-KR.yml
+++ b/locales/ko-KR.yml
@@ -1621,6 +1621,8 @@ _mfm:
   bgDescription: "지정한 값으로 배경색을 지정해요."
   plain: "평문"
   plainDescription: "안에 있는 MFM 구문을 모두 무시하고 평문으로 표시해요."
+  ruby: "루비"
+  rubyDescription: "글자 위에 루비를 표시해요."
 _instanceTicker:
   none: "보이지 않음"
   remote: "리모트 유저에게만 보이기"
diff --git a/packages/frontend/src/pages/mfm-cheat-sheet.vue b/packages/frontend/src/pages/mfm-cheat-sheet.vue
index fdbe9e5ffb..080947783d 100644
--- a/packages/frontend/src/pages/mfm-cheat-sheet.vue
+++ b/packages/frontend/src/pages/mfm-cheat-sheet.vue
@@ -344,6 +344,16 @@
 					</div>
 				</div>
 			</div>
+			<div :class="$style.section">
+				<div :class="$style.title">{{ i18n.ts._mfm.ruby }}</div>
+				<div :class="$style.content">
+					<p>{{ i18n.ts._mfm.rubyDescription }}</p>
+					<div :class="$style.preview">
+						<Mfm :text="preview_ruby"/>
+						<MkTextarea v-model="preview_ruby" :class="$style.text"><span>MFM {{ i18n.ts.sample }}</span></MkTextarea>
+					</div>
+				</div>
+			</div>
 		</div>
 	</MkSpacer>
 </MkStickyContainer>
@@ -391,6 +401,7 @@ let preview_scale = $ref('$[scale.x=2 🍮]\n$[scale.y=2 🍮]\n\n$[scale.x=2.5,
 let preview_fg = $ref('$[fg.color=ffbcdc Cherry]$[fg.color=b1d3ff Pick]');
 let preview_bg = $ref('$[bg.color=ffbcdc Cherry]$[bg.color=b1d3ff Pick]');
 let preview_plain = $ref('<plain>**bold** @mention #hashtag `code` $[x2 🍮]</plain>');
+let preview_ruby = $ref('<ruby>CherryPick<rt>Misskey</rt></ruby>');
 
 const headerActions = $computed(() => []);