diff --git a/content/index.md b/content/index.md
index f613883..d3d98e1 100644
--- a/content/index.md
+++ b/content/index.md
@@ -8,16 +8,16 @@
 
 点击下面的骰子来掷骰：
 
-:dice[2d6]
+:md-dice[2d6]
 
-:dice[1d20+d8]
+:md-dice[1d20+d8]
 
-:dice[3d6+5]{key="attack"}
+:md-dice[3d6+5]{key="attack"}
 
 ### 表格组件
 
-:table[./sparks.csv]
+:md-table[./sparks.csv]
 
-:table[./sparks.csv]{roll=true}
+:md-table[./sparks.csv]{roll=true}
 
-:table[./sparks.csv]{roll=true remix=true}
+:md-table[./sparks.csv]{roll=true remix=true}
diff --git a/src/components/dice.tsx b/src/components/dice.tsx
index 68acb90..d5fff62 100644
--- a/src/components/dice.tsx
+++ b/src/components/dice.tsx
@@ -26,7 +26,7 @@ function rollDice(formula: string): number {
   return total;
 }
 
-customElement('ttrpg-dice', { key: '' }, (props, { element }) => {
+customElement('md-dice', { key: '' }, (props, { element }) => {
   noShadowDOM();
   const [result, setResult] = createSignal<number | null>(null);
   const [isRolled, setIsRolled] = createSignal(false);
diff --git a/src/components/table.tsx b/src/components/table.tsx
index 8520199..dd810a9 100644
--- a/src/components/table.tsx
+++ b/src/components/table.tsx
@@ -8,7 +8,7 @@ interface TableRow {
   [key: string]: string;
 }
 
-customElement('ttrpg-table', { src: '', roll: false, remix: false }, (props, { element }) => {
+customElement('md-table', { src: '', roll: false, remix: false }, (props, { element }) => {
   noShadowDOM();
   const [rows, setRows] = createSignal<TableRow[]>([]);
   const [activeTab, setActiveTab] = createSignal(0);