fix: replace fake slash commands with real TUI dialogs for create/install (#341)

Remove non-functional `/skill-create` and `/skill-install` slash commands
that only pre-filled input text. Replace with real keybind actions in the
`/skills` dialog:

- `ctrl+n` (create) — opens `DialogPrompt` for skill name, then runs
  `altimate-code skill create` and shows result as toast
- `ctrl+i` (install) — opens `DialogPrompt` for source (owner/repo, URL,
  or path), then runs `altimate-code skill install` and shows result

Full CLI ↔ TUI parity:
  skill list     → /skills dialog
  skill show     → ctrl+o in dialog
  skill create   → ctrl+n in dialog (input prompt)
  skill test     → ctrl+t in dialog
  skill install  → ctrl+i in dialog (input prompt)
  skill edit     → ctrl+e in dialog

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: anandgupta42

packages/opencode/src/cli/cmd/tui/component/dialog-skill.tsx

@@ -2,11 +2,12 @@ import { DialogSelect, type DialogSelectOption } from "@tui/ui/dialog-select"
 import { createResource, createMemo } from "solid-js"
 import { useDialog } from "@tui/ui/dialog"
 import { useSDK } from "@tui/context/sdk"
-// altimate_change start — import helpers for tool detection and keybind support
+// altimate_change start — import helpers for tool detection, keybind support, and prompt dialog
 import { detectToolReferences } from "../../skill-helpers"
 import { Keybind } from "@/util/keybind"
 import { useToast } from "@tui/ui/toast"
 import { spawn } from "child_process"
+import { DialogPrompt } from "@tui/ui/dialog-prompt"
 // altimate_change end
 
 export type DialogSkillProps = {
@@ -35,6 +36,74 @@ const SKILL_CATEGORIES: Record<string, string> = {
 }
 // altimate_change end
 
+// altimate_change start — sub-dialogs for create and install
+function DialogSkillCreate() {
+  const dialog = useDialog()
+  const toast = useToast()
+
+  return (
+    <DialogPrompt
+      title="Create Skill"
+      placeholder="my-tool"
+      onConfirm={async (name) => {
+        dialog.clear()
+        toast.show({ message: `Creating ${name}...`, variant: "info" })
+        try {
+          const proc = Bun.spawn(["altimate-code", "skill", "create", name], {
+            stdout: "pipe",
+            stderr: "pipe",
+          })
+          await proc.exited
+          const stdout = await new Response(proc.stdout).text()
+          const stderr = await new Response(proc.stderr).text()
+          if (proc.exitCode === 0) {
+            toast.show({ message: `✓ Created skill "${name}"\n${stdout.trim()}`, variant: "success", duration: 5000 })
+          } else {
+            toast.show({ message: stderr.trim() || `Failed to create "${name}"`, variant: "error", duration: 5000 })
+          }
+        } catch {
+          toast.show({ message: `Failed to create "${name}"`, variant: "error" })
+        }
+      }}
+      onCancel={() => dialog.clear()}
+    />
+  )
+}
+
+function DialogSkillInstall() {
+  const dialog = useDialog()
+  const toast = useToast()
+
+  return (
+    <DialogPrompt
+      title="Install Skill (owner/repo, URL, or path)"
+      placeholder="anthropics/skills"
+      onConfirm={async (source) => {
+        dialog.clear()
+        toast.show({ message: `Installing from ${source}...`, variant: "info" })
+        try {
+          const proc = Bun.spawn(["altimate-code", "skill", "install", source], {
+            stdout: "pipe",
+            stderr: "pipe",
+          })
+          await proc.exited
+          const stdout = await new Response(proc.stdout).text()
+          const stderr = await new Response(proc.stderr).text()
+          if (proc.exitCode === 0) {
+            toast.show({ message: stdout.trim(), variant: "success", duration: 6000 })
+          } else {
+            toast.show({ message: stderr.trim() || `Failed to install from "${source}"`, variant: "error", duration: 5000 })
+          }
+        } catch {
+          toast.show({ message: `Failed to install from "${source}"`, variant: "error" })
+        }
+      }}
+      onCancel={() => dialog.clear()}
+    />
+  )
+}
+// altimate_change end
+
 export function DialogSkill(props: DialogSkillProps) {
   const dialog = useDialog()
   const sdk = useSDK()
@@ -79,7 +148,7 @@ export function DialogSkill(props: DialogSkillProps) {
     })
   })
 
-  // Keybind actions: view, edit, test
+  // Keybind actions: view, edit, test, create, install
   const keybinds = createMemo(() => [
     {
       keybind: Keybind.parse("ctrl+o")[0],
@@ -141,6 +210,20 @@ export function DialogSkill(props: DialogSkillProps) {
         }
       },
     },
+    {
+      keybind: Keybind.parse("ctrl+n")[0],
+      title: "create",
+      onTrigger: async () => {
+        dialog.replace(() => <DialogSkillCreate />)
+      },
+    },
+    {
+      keybind: Keybind.parse("ctrl+i")[0],
+      title: "install",
+      onTrigger: async () => {
+        dialog.replace(() => <DialogSkillInstall />)
+      },
+    },
   ])
   // altimate_change end
 

packages/opencode/src/cli/cmd/tui/component/prompt/index.tsx

@@ -408,46 +408,6 @@ export function Prompt(props: PromptProps) {
           ))
         },
       },
-      // altimate_change start — skill management commands
-      {
-        title: "Create skill",
-        value: "prompt.skill-create",
-        category: "Skills",
-        slash: {
-          name: "skill-create",
-          arguments: "<name>",
-        },
-        onSelect: () => {
-          input.setText("/skill-create ")
-          setStore("prompt", { input: "/skill-create ", parts: [] })
-          input.gotoBufferEnd()
-          toast.show({
-            message: "Type a name, e.g.: /skill-create my-tool\nOr use CLI: altimate-code skill create <name>",
-            variant: "info",
-            duration: 5000,
-          })
-        },
-      },
-      {
-        title: "Install skill",
-        value: "prompt.skill-install",
-        category: "Skills",
-        slash: {
-          name: "skill-install",
-          arguments: "<source>",
-        },
-        onSelect: () => {
-          input.setText("/skill-install ")
-          setStore("prompt", { input: "/skill-install ", parts: [] })
-          input.gotoBufferEnd()
-          toast.show({
-            message: "Type a source, e.g.: /skill-install anthropics/skills\nSupports: owner/repo, URL, or local path",
-            variant: "info",
-            duration: 5000,
-          })
-        },
-      },
-      // altimate_change end
     ]
   })