diff --git a/packages/stage-ui/src/components/gadgets/AudioSpectrumVisualizer.vue b/packages/stage-ui/src/components/gadgets/audio-spectrum-visualizer.vue
similarity index 100%
rename from packages/stage-ui/src/components/gadgets/AudioSpectrumVisualizer.vue
rename to packages/stage-ui/src/components/gadgets/audio-spectrum-visualizer.vue
diff --git a/packages/stage-ui/src/components/gadgets/AudioSpectrum.story.vue b/packages/stage-ui/src/components/gadgets/audio-spectrum.story.vue
similarity index 97%
rename from packages/stage-ui/src/components/gadgets/AudioSpectrum.story.vue
rename to packages/stage-ui/src/components/gadgets/audio-spectrum.story.vue
index 4286cb467..63d6d7aae 100644
--- a/packages/stage-ui/src/components/gadgets/AudioSpectrum.story.vue
+++ b/packages/stage-ui/src/components/gadgets/audio-spectrum.story.vue
@@ -2,8 +2,8 @@
 import { FieldRange, Radio } from '@proj-airi/ui'
 import { onBeforeUnmount, ref, shallowRef, watch } from 'vue'
 
-import AudioSpectrum from './AudioSpectrum.vue'
-import AudioSpectrumVisualizer from './AudioSpectrumVisualizer.vue'
+import AudioSpectrumVisualizer from './audio-spectrum-visualizer.vue'
+import AudioSpectrum from './audio-spectrum.vue'
 
 // Create a mock oscillator to generate audio for demonstration
 const audioContext = shallowRef<AudioContext>()
diff --git a/packages/stage-ui/src/components/gadgets/AudioSpectrum.vue b/packages/stage-ui/src/components/gadgets/audio-spectrum.vue
similarity index 100%
rename from packages/stage-ui/src/components/gadgets/AudioSpectrum.vue
rename to packages/stage-ui/src/components/gadgets/audio-spectrum.vue
diff --git a/packages/stage-ui/src/components/gadgets/ChatBubbleMinimalism.story.vue b/packages/stage-ui/src/components/gadgets/chat-bubble-minimalism.story.vue
similarity index 98%
rename from packages/stage-ui/src/components/gadgets/ChatBubbleMinimalism.story.vue
rename to packages/stage-ui/src/components/gadgets/chat-bubble-minimalism.story.vue
index 04cbd0c82..4ad2111bd 100644
--- a/packages/stage-ui/src/components/gadgets/ChatBubbleMinimalism.story.vue
+++ b/packages/stage-ui/src/components/gadgets/chat-bubble-minimalism.story.vue
@@ -2,7 +2,7 @@
 import { sleep } from '@moeru/std'
 import { onMounted, ref } from 'vue'
 
-import ChatBubbleMinimalism from './ChatBubbleMinimalism.vue'
+import ChatBubbleMinimalism from './chat-bubble-minimalism.vue'
 
 function createStream(text: string) {
   let doneFunc = () => {}
diff --git a/packages/stage-ui/src/components/gadgets/ChatBubbleMinimalism.vue b/packages/stage-ui/src/components/gadgets/chat-bubble-minimalism.vue
similarity index 100%
rename from packages/stage-ui/src/components/gadgets/ChatBubbleMinimalism.vue
rename to packages/stage-ui/src/components/gadgets/chat-bubble-minimalism.vue
diff --git a/packages/stage-ui/src/components/gadgets/index.ts b/packages/stage-ui/src/components/gadgets/index.ts
index 66f97a1f9..d8ef99835 100644
--- a/packages/stage-ui/src/components/gadgets/index.ts
+++ b/packages/stage-ui/src/components/gadgets/index.ts
@@ -1,6 +1,6 @@
-export { default as AudioSpectrum } from './AudioSpectrum.vue'
-export { default as AudioSpectrumVisualizer } from './AudioSpectrumVisualizer.vue'
-export { default as LevelMeter } from './LevelMeter.vue'
-export { default as TestDummyMarker } from './TestDummyMarker.vue'
-export { default as ThresholdMeter } from './ThresholdMeter.vue'
-export { default as TimeSeriesChart } from './TimeSeriesChart.vue'
+export { default as AudioSpectrumVisualizer } from './audio-spectrum-visualizer.vue'
+export { default as AudioSpectrum } from './audio-spectrum.vue'
+export { default as LevelMeter } from './level-meter.vue'
+export { default as TestDummyMarker } from './test-dummy-marker.vue'
+export { default as ThresholdMeter } from './threshold-meter.vue'
+export { default as TimeSeriesChart } from './time-series-chart.vue'
diff --git a/packages/stage-ui/src/components/gadgets/LevelMeter.story.vue b/packages/stage-ui/src/components/gadgets/level-meter.story.vue
similarity index 99%
rename from packages/stage-ui/src/components/gadgets/LevelMeter.story.vue
rename to packages/stage-ui/src/components/gadgets/level-meter.story.vue
index f5bdf00cc..c2d4a4e55 100644
--- a/packages/stage-ui/src/components/gadgets/LevelMeter.story.vue
+++ b/packages/stage-ui/src/components/gadgets/level-meter.story.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { onMounted, onUnmounted, ref } from 'vue'
 
-import LevelMeter from './LevelMeter.vue'
+import LevelMeter from './level-meter.vue'
 
 // Reactive data for demos
 const audioLevel = ref(45)
diff --git a/packages/stage-ui/src/components/gadgets/LevelMeter.vue b/packages/stage-ui/src/components/gadgets/level-meter.vue
similarity index 100%
rename from packages/stage-ui/src/components/gadgets/LevelMeter.vue
rename to packages/stage-ui/src/components/gadgets/level-meter.vue
diff --git a/packages/stage-ui/src/components/gadgets/TestDummyMarkerFlat.vue b/packages/stage-ui/src/components/gadgets/test-dummy-marker-flat.vue
similarity index 100%
rename from packages/stage-ui/src/components/gadgets/TestDummyMarkerFlat.vue
rename to packages/stage-ui/src/components/gadgets/test-dummy-marker-flat.vue
diff --git a/packages/stage-ui/src/components/gadgets/TestDummyMarker.story.vue b/packages/stage-ui/src/components/gadgets/test-dummy-marker.story.vue
similarity index 94%
rename from packages/stage-ui/src/components/gadgets/TestDummyMarker.story.vue
rename to packages/stage-ui/src/components/gadgets/test-dummy-marker.story.vue
index 55cb1c577..06f0f391f 100644
--- a/packages/stage-ui/src/components/gadgets/TestDummyMarker.story.vue
+++ b/packages/stage-ui/src/components/gadgets/test-dummy-marker.story.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import Volumed from '../graphics/Volumed.vue'
 import CursorMomentum from '../physics/CursorMomentum.vue'
-import TestDummyMarker from './TestDummyMarker.vue'
-import TestDummyMarkerFlat from './TestDummyMarkerFlat.vue'
+import TestDummyMarkerFlat from './test-dummy-marker-flat.vue'
+import TestDummyMarker from './test-dummy-marker.vue'
 </script>
 
 <template>
diff --git a/packages/stage-ui/src/components/gadgets/TestDummyMarker.vue b/packages/stage-ui/src/components/gadgets/test-dummy-marker.vue
similarity index 88%
rename from packages/stage-ui/src/components/gadgets/TestDummyMarker.vue
rename to packages/stage-ui/src/components/gadgets/test-dummy-marker.vue
index 7aa80c3d8..a6279a620 100644
--- a/packages/stage-ui/src/components/gadgets/TestDummyMarker.vue
+++ b/packages/stage-ui/src/components/gadgets/test-dummy-marker.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import Volumed from '../graphics/Volumed.vue'
 import CursorMomentum from '../physics/CursorMomentum.vue'
-import TestDummyMarkerFlat from './TestDummyMarkerFlat.vue'
+import TestDummyMarkerFlat from './test-dummy-marker-flat.vue'
 </script>
 
 <template>
diff --git a/packages/stage-ui/src/components/gadgets/ThresholdMeter.story.vue b/packages/stage-ui/src/components/gadgets/threshold-meter.story.vue
similarity index 99%
rename from packages/stage-ui/src/components/gadgets/ThresholdMeter.story.vue
rename to packages/stage-ui/src/components/gadgets/threshold-meter.story.vue
index 1799403b1..4d94b5ccf 100644
--- a/packages/stage-ui/src/components/gadgets/ThresholdMeter.story.vue
+++ b/packages/stage-ui/src/components/gadgets/threshold-meter.story.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { onMounted, onUnmounted, ref } from 'vue'
 
-import ThresholdMeter from './ThresholdMeter.vue'
+import ThresholdMeter from './threshold-meter.vue'
 
 // Reactive data for demos
 const probability = ref(0.65)
diff --git a/packages/stage-ui/src/components/gadgets/ThresholdMeter.vue b/packages/stage-ui/src/components/gadgets/threshold-meter.vue
similarity index 100%
rename from packages/stage-ui/src/components/gadgets/ThresholdMeter.vue
rename to packages/stage-ui/src/components/gadgets/threshold-meter.vue
diff --git a/packages/stage-ui/src/components/gadgets/TimeSeriesChart.story.vue b/packages/stage-ui/src/components/gadgets/time-series-chart.story.vue
similarity index 99%
rename from packages/stage-ui/src/components/gadgets/TimeSeriesChart.story.vue
rename to packages/stage-ui/src/components/gadgets/time-series-chart.story.vue
index 41e5683a1..2c65ab8dd 100644
--- a/packages/stage-ui/src/components/gadgets/TimeSeriesChart.story.vue
+++ b/packages/stage-ui/src/components/gadgets/time-series-chart.story.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { onMounted, onUnmounted, ref } from 'vue'
 
-import TimeSeriesChart from './TimeSeriesChart.vue'
+import TimeSeriesChart from './time-series-chart.vue'
 
 // Data arrays for different scenarios
 const performanceHistory = ref<number[]>([])
diff --git a/packages/stage-ui/src/components/gadgets/TimeSeriesChart.vue b/packages/stage-ui/src/components/gadgets/time-series-chart.vue
similarity index 100%
rename from packages/stage-ui/src/components/gadgets/TimeSeriesChart.vue
rename to packages/stage-ui/src/components/gadgets/time-series-chart.vue