From 2e9a63fe4fa746125538ac432e2d59e0ce128a24 Mon Sep 17 00:00:00 2001
From: Andrew Pashynnyk <30318777+kynnyhsap@users.noreply.github.com>
Date: Fri, 6 Feb 2026 01:35:35 +0200
Subject: [PATCH] fix(opencode): improve skills dialog readability (#12356)

---
 packages/opencode/src/cli/cmd/tui/component/dialog-skill.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/opencode/src/cli/cmd/tui/component/dialog-skill.tsx b/packages/opencode/src/cli/cmd/tui/component/dialog-skill.tsx
index 1ca109f23..66f57a0dd 100644
--- a/packages/opencode/src/cli/cmd/tui/component/dialog-skill.tsx
+++ b/packages/opencode/src/cli/cmd/tui/component/dialog-skill.tsx
@@ -18,9 +18,10 @@ export function DialogSkill(props: DialogSkillProps) {
 
   const options = createMemo<DialogSelectOption<string>[]>(() => {
     const list = skills() ?? []
+    const maxWidth = Math.max(0, ...list.map((s) => s.name.length))
     return list.map((skill) => ({
-      title: skill.name,
-      description: skill.description,
+      title: skill.name.padEnd(maxWidth),
+      description: skill.description?.replace(/\s+/g, " ").trim(),
       value: skill.name,
       category: "Skills",
       onSelect: () => {