diff --git a/packages/opencode/src/cli/cmd/tui/routes/session/sidebar.tsx b/packages/opencode/src/cli/cmd/tui/routes/session/sidebar.tsx
index 42ac5fbe080a..0aa1e61d7852 100644
--- a/packages/opencode/src/cli/cmd/tui/routes/session/sidebar.tsx
+++ b/packages/opencode/src/cli/cmd/tui/routes/session/sidebar.tsx
@@ -23,6 +23,7 @@ export function Sidebar(props: { sessionID: string; overlay?: boolean }) {
   const [expanded, setExpanded] = createStore({
     mcp: true,
     diff: true,
+    skill: true,
     todo: true,
     lsp: true,
   })
@@ -60,6 +61,22 @@ export function Sidebar(props: { sessionID: string; overlay?: boolean }) {
     }
   })
 
+  const skills = createMemo(() => {
+    const seen = new Set<string>()
+    return messages()
+      .toReversed()
+      .flatMap((msg) => sync.data.part[msg.id] ?? [])
+      .flatMap((part) => {
+        if (part.type !== "tool" || part.tool !== "skill") return []
+        const name = part.state.input.name
+        if (typeof name !== "string") return []
+        if (!name.trim() || seen.has(name)) return []
+        seen.add(name)
+        return [name]
+      })
+      .slice(0, 10)
+  })
+
   const directory = useDirectory()
   const kv = useKV()
 
@@ -167,6 +184,39 @@ export function Sidebar(props: { sessionID: string; overlay?: boolean }) {
                 </Show>
               </box>
             </Show>
+            <Show when={skills().length > 0}>
+              <box>
+                <box
+                  flexDirection="row"
+                  gap={1}
+                  onMouseDown={() => skills().length > 2 && setExpanded("skill", !expanded.skill)}
+                >
+                  <Show when={skills().length > 2}>
+                    <text fg={theme.text}>{expanded.skill ? "▼" : "▶"}</text>
+                  </Show>
+                  <text fg={theme.text}>
+                    <b>Skills</b>
+                    <Show when={!expanded.skill}>
+                      <span style={{ fg: theme.textMuted }}> ({skills().length} used)</span>
+                    </Show>
+                  </text>
+                </box>
+                <Show when={skills().length <= 2 || expanded.skill}>
+                  <For each={skills()}>
+                    {(item) => (
+                      <box flexDirection="row" gap={1}>
+                        <text flexShrink={0} fg={theme.success}>
+                          •
+                        </text>
+                        <text fg={theme.textMuted} wrapMode="word">
+                          {item}
+                        </text>
+                      </box>
+                    )}
+                  </For>
+                </Show>
+              </box>
+            </Show>
             <box>
               <box
                 flexDirection="row"