feat: add skills list panel and related commands

- Introduced a new SkillsListPanel component for managing skills.
- Updated usePanelState hook to include showSkillsListPanel state.
- Enhanced i18n support for skills-related messages in English, Traditional Chinese, and Simplified Chinese.
- Implemented /loop command with localized messages for better user experience.
- Modified /skills command to toggle the skills list panel.
- Updated command execution types to include showSkillsListPanel action.
- Improved SessionListPanel to confirm deletion of sessions with a timer.
- Cleaned up MCPInfoPanel by removing unused skill-related code.

Author: MayDay-wpf

source/hooks/conversation/useCommandHandler.ts

@@ -417,6 +417,7 @@ type CommandHandlerOptions = {
 	setShowSubAgentDepthPanel: React.Dispatch<React.SetStateAction<boolean>>;
 	setShowCustomCommandConfig: React.Dispatch<React.SetStateAction<boolean>>;
 	setShowSkillsCreation: React.Dispatch<React.SetStateAction<boolean>>;
+	setShowSkillsListPanel: React.Dispatch<React.SetStateAction<boolean>>;
 	setShowRoleCreation: React.Dispatch<React.SetStateAction<boolean>>;
 	setShowRoleDeletion: React.Dispatch<React.SetStateAction<boolean>>;
 	setShowRoleList: React.Dispatch<React.SetStateAction<boolean>>;
@@ -737,6 +738,14 @@ export function useCommandHandler(options: CommandHandlerOptions) {
 					commandName: commandName,
 				};
 				options.setMessages(prev => [...prev, commandMessage]);
+			} else if (result.success && result.action === 'showSkillsListPanel') {
+				options.setShowSkillsListPanel(true);
+				const commandMessage: Message = {
+					role: 'command',
+					content: '',
+					commandName: commandName,
+				};
+				options.setMessages(prev => [...prev, commandMessage]);
 			} else if (result.success && result.action === 'showRoleCreation') {
 				options.setShowRoleCreation(true);
 				const commandMessage: Message = {

source/hooks/ui/useCommandPanel.ts

@@ -37,6 +37,7 @@ export const COMMAND_ARGS_HINTS: Record<string, string> = {
 	'add-dir': '[path]',
 	loop: '<interval> <prompt> | list | tasks | cancel <id>',
 	role: '[-l|--list | -d|--delete]',
+	skills: '[-l|--list]',
 	'role-subagent': '[-l|--list | -d|--delete]',
 	'subagent-depth': '[<number>|status]',
 	btw: '<question>',
@@ -51,9 +52,10 @@ export const COMMAND_ARGS_OPTIONS: Record<string, string[]> = {
 	'auto-format': ['on', 'off', 'status'],
 	reindex: ['-force'],
 	role: ['-l', '-d'],
+	skills: ['-l'],
 	'role-subagent': ['-l', '-d'],
 	'subagent-depth': ['status'],
-	loop: ['list', 'tasks'],
+	loop: ['list', 'tasks', 'cancel'],
 };
 
 export function useCommandPanel(buffer: TextBuffer, isProcessing = false) {

source/hooks/ui/usePanelState.ts

@@ -13,6 +13,7 @@ export type PanelState = {
 	showHelpPanel: boolean;
 	showCustomCommandConfig: boolean;
 	showSkillsCreation: boolean;
+	showSkillsListPanel: boolean;
 	showRoleCreation: boolean;
 	showRoleDeletion: boolean;
 	showRoleList: boolean;
@@ -49,6 +50,7 @@ export type PanelActions = {
 	setConnectionPanelApiUrl: Dispatch<SetStateAction<string | undefined>>;
 	setShowCustomCommandConfig: Dispatch<SetStateAction<boolean>>;
 	setShowSkillsCreation: Dispatch<SetStateAction<boolean>>;
+	setShowSkillsListPanel: Dispatch<SetStateAction<boolean>>;
 	setShowRoleCreation: Dispatch<SetStateAction<boolean>>;
 	setShowRoleDeletion: Dispatch<SetStateAction<boolean>>;
 	setShowRoleList: Dispatch<SetStateAction<boolean>>;
@@ -95,6 +97,7 @@ export function usePanelState(): PanelState & PanelActions {
 	const [showHelpPanel, setShowHelpPanel] = useState(false);
 	const [showCustomCommandConfig, setShowCustomCommandConfig] = useState(false);
 	const [showSkillsCreation, setShowSkillsCreation] = useState(false);
+	const [showSkillsListPanel, setShowSkillsListPanel] = useState(false);
 	const [showRoleCreation, setShowRoleCreation] = useState(false);
 	const [showRoleDeletion, setShowRoleDeletion] = useState(false);
 	const [showRoleList, setShowRoleList] = useState(false);
@@ -143,6 +146,7 @@ export function usePanelState(): PanelState & PanelActions {
 			showUsagePanel ||
 			showCustomCommandConfig ||
 			showSkillsCreation ||
+			showSkillsListPanel ||
 			showRoleCreation ||
 			showRoleDeletion ||
 			showRoleList ||
@@ -246,6 +250,11 @@ export function usePanelState(): PanelState & PanelActions {
 		if (showSkillsCreation) {
 			return false; // Let SkillsCreationPanel handle ESC
 		}
+		if (showSkillsListPanel) {
+			setShowSkillsListPanel(false);
+			return true;
+		}
+
 		// RoleCreationPanel handles its own ESC key logic internally
 		// Don't close it here - let the panel decide when to close
 		if (showRoleCreation) {
@@ -349,6 +358,7 @@ export function usePanelState(): PanelState & PanelActions {
 			showUsagePanel ||
 			showCustomCommandConfig ||
 			showSkillsCreation ||
+			showSkillsListPanel ||
 			showRoleCreation ||
 			showRoleDeletion ||
 			showRoleList ||
@@ -378,6 +388,7 @@ export function usePanelState(): PanelState & PanelActions {
 		showHelpPanel,
 		showCustomCommandConfig,
 		showSkillsCreation,
+		showSkillsListPanel,
 		showRoleCreation,
 		showRoleDeletion,
 		showRoleList,
@@ -408,6 +419,7 @@ export function usePanelState(): PanelState & PanelActions {
 		setShowHelpPanel,
 		setShowCustomCommandConfig,
 		setShowSkillsCreation,
+		setShowSkillsListPanel,
 		setShowRoleCreation,
 		setShowRoleDeletion,
 		setShowRoleList,

source/i18n/lang/en.ts

@@ -703,6 +703,25 @@ export const en: TranslationKeys = {
 				usage:
 					'Usage: /deepresearch <prompt>\nExample: /deepresearch Compare the architectures of OpenAI Deep Research and Gemini Deep Research',
 			},
+			// Loop command messages
+			loop: {
+				usage:
+					'Usage: /loop 5m <prompt> | /loop 8h30m <prompt> | /loop <prompt> every 2 hours | /loop list | /loop cancel <id> | /loop tasks',
+				openingTaskManager: 'Opening task manager...',
+				relatedLoopTasks: 'Related loop tasks:',
+				noActiveLoops:
+					'No active loops. Create one with /loop 5m <prompt> or /loop <prompt> every 2 hours.',
+				loopNotFound: 'Loop not found: {id}',
+				cancelled: 'Cancelled loop {id} (every {interval})',
+				created: 'Loop created: {id}',
+				scheduleEvery: 'Schedule: every {interval}',
+				promptLabel: 'Prompt: {prompt}',
+				nextRun: 'Next run: {time}',
+				sessionScopedNote:
+					'Session-scoped only: loop jobs stop when Snow CLI exits.',
+				usageHint:
+					'Use /loop list to inspect jobs or /loop cancel <id> to stop one.',
+			},
 		},
 	},
 	fileList: {
@@ -1624,6 +1643,7 @@ export const en: TranslationKeys = {
 		renamePrompt: 'Rename Session',
 		renaming: 'Renaming...',
 		renamePlaceholder: 'Enter new title',
+		confirmDelete: 'Press D again within 1s to confirm delete ({count})',
 	},
 	mcpInfoPanel: {
 		title: 'MCP Services',
@@ -1657,6 +1677,18 @@ export const en: TranslationKeys = {
 		mcpSourceProject: ' [Project]',
 		mcpSourceGlobal: ' [Global]',
 	},
+	skillsListPanel: {
+		title: 'Skills',
+		loading: 'Loading skills...',
+		error: 'Error: {message}',
+		noSkills: 'No skills available',
+		locationProject: '(Project)',
+		locationGlobal: '(Global)',
+		statusDisabled: '(Disabled)',
+		navigationHint: '↑↓ Navigate • Tab/Space/Enter Toggle • ESC Close',
+		moreAbove: '↑ {count} more above',
+		moreBelow: '↓ {count} more below',
+	},
 	mcpConfigScreen: {
 		title: 'MCP Config - Select scope to edit',
 		scopeProject: 'Project Config',

source/i18n/lang/zh-TW.ts

@@ -661,6 +661,24 @@ export const zhTW: TranslationKeys = {
 				usage:
 					'用法: /deepresearch <提示詞>\n範例: /deepresearch 對比 OpenAI Deep Research 與 Gemini Deep Research 的架構差異',
 			},
+			// Loop 命令訊息
+			loop: {
+				usage:
+					'用法: /loop 5m <提示詞> | /loop 8h30m <提示詞> | /loop <提示詞> every 2 hours | /loop list | /loop cancel <id> | /loop tasks',
+				openingTaskManager: '正在開啟任務管理員...',
+				relatedLoopTasks: '相關迴圈任務:',
+				noActiveLoops:
+					'目前沒有活躍的迴圈任務。可使用 /loop 5m <提示詞> 或 /loop <提示詞> every 2 hours 建立。',
+				loopNotFound: '找不到迴圈任務: {id}',
+				cancelled: '已取消迴圈任務 {id}（每 {interval}）',
+				created: '迴圈任務已建立: {id}',
+				scheduleEvery: '排程: 每 {interval}',
+				promptLabel: '提示詞: {prompt}',
+				nextRun: '下次執行: {time}',
+				sessionScopedNote: '僅限會話作用域: Snow CLI 結束後迴圈任務將停止。',
+				usageHint:
+					'使用 /loop list 檢視任務，或使用 /loop cancel <id> 停止某個任務。',
+			},
 		},
 	},
 	fileList: {
@@ -1537,6 +1555,7 @@ export const zhTW: TranslationKeys = {
 		renamePrompt: '重新命名會話',
 		renaming: '重新命名中...',
 		renamePlaceholder: '輸入新的標題',
+		confirmDelete: '1 秒內再按一次 D 確認刪除（共 {count} 個）',
 	},
 	mcpInfoPanel: {
 		title: 'MCP 服務',
@@ -1568,6 +1587,18 @@ export const zhTW: TranslationKeys = {
 		mcpSourceProject: ' [專案]',
 		mcpSourceGlobal: ' [全域]',
 	},
+	skillsListPanel: {
+		title: '技能列表',
+		loading: '載入技能中...',
+		error: '錯誤: {message}',
+		noSkills: '沒有可用的技能',
+		locationProject: '(專案)',
+		locationGlobal: '(全域)',
+		statusDisabled: '(已停用)',
+		navigationHint: '↑↓ 導航 • Tab/空格/Enter 啟停 • ESC 關閉',
+		moreAbove: '↑ 上方還有 {count} 項',
+		moreBelow: '↓ 下方還有 {count} 項',
+	},
 	mcpConfigScreen: {
 		title: 'MCP 設定 - 選擇編輯範圍',
 		scopeProject: '專案級設定',

source/i18n/lang/zh.ts

@@ -660,6 +660,24 @@ export const zh: TranslationKeys = {
 				usage:
 					'用法: /deepresearch <提示词>\n示例: /deepresearch 对比 OpenAI Deep Research 与 Gemini Deep Research 的架构差异',
 			},
+			// Loop 命令消息
+			loop: {
+				usage:
+					'用法: /loop 5m <提示词> | /loop 8h30m <提示词> | /loop <提示词> every 2 hours | /loop list | /loop cancel <id> | /loop tasks',
+				openingTaskManager: '正在打开任务管理器...',
+				relatedLoopTasks: '相关循环任务:',
+				noActiveLoops:
+					'暂无活跃的循环任务。可使用 /loop 5m <提示词> 或 /loop <提示词> every 2 hours 创建。',
+				loopNotFound: '未找到循环任务: {id}',
+				cancelled: '已取消循环任务 {id}（每 {interval}）',
+				created: '循环任务已创建: {id}',
+				scheduleEvery: '调度: 每 {interval}',
+				promptLabel: '提示词: {prompt}',
+				nextRun: '下次运行: {time}',
+				sessionScopedNote: '仅限会话作用域: Snow CLI 退出后循环任务将停止。',
+				usageHint:
+					'使用 /loop list 查看任务，或使用 /loop cancel <id> 停止某个任务。',
+			},
 		},
 	},
 	fileList: {
@@ -1541,6 +1559,7 @@ export const zh: TranslationKeys = {
 		renamePrompt: '重命名会话',
 		renaming: '重命名中...',
 		renamePlaceholder: '输入新的标题',
+		confirmDelete: '1 秒内再按一次 D 确认删除（共 {count} 个）',
 	},
 	mcpInfoPanel: {
 		title: 'MCP 服务',
@@ -1572,6 +1591,18 @@ export const zh: TranslationKeys = {
 		mcpSourceProject: ' [项目]',
 		mcpSourceGlobal: ' [全局]',
 	},
+	skillsListPanel: {
+		title: '技能列表',
+		loading: '加载技能中...',
+		error: '错误: {message}',
+		noSkills: '没有可用的技能',
+		locationProject: '(项目)',
+		locationGlobal: '(全局)',
+		statusDisabled: '(已禁用)',
+		navigationHint: '↑↓ 导航 • Tab/空格/Enter 启停 • ESC 关闭',
+		moreAbove: '↑ 上方还有 {count} 项',
+		moreBelow: '↓ 下方还有 {count} 项',
+	},
 	mcpConfigScreen: {
 		title: 'MCP 配置 - 选择编辑范围',
 		scopeProject: '项目级配置',

source/i18n/types.ts

@@ -646,6 +646,21 @@ export type TranslationKeys = {
 			deepResearch: {
 				usage: string;
 			};
+			// Loop command messages
+			loop: {
+				usage: string;
+				openingTaskManager: string;
+				relatedLoopTasks: string;
+				noActiveLoops: string;
+				loopNotFound: string;
+				cancelled: string;
+				created: string;
+				scheduleEvery: string;
+				promptLabel: string;
+				nextRun: string;
+				sessionScopedNote: string;
+				usageHint: string;
+			};
 		};
 	};
 	// File search list (`@` panel)
@@ -1521,6 +1536,7 @@ export type TranslationKeys = {
 		renamePrompt: string;
 		renaming: string;
 		renamePlaceholder: string;
+		confirmDelete: string;
 	};
 	mcpInfoPanel: {
 		title: string;
@@ -1552,6 +1568,18 @@ export type TranslationKeys = {
 		mcpSourceProject: string;
 		mcpSourceGlobal: string;
 	};
+	skillsListPanel: {
+		title: string;
+		loading: string;
+		error: string;
+		noSkills: string;
+		locationProject: string;
+		locationGlobal: string;
+		statusDisabled: string;
+		navigationHint: string;
+		moreAbove: string;
+		moreBelow: string;
+	};
 	mcpConfigScreen: {
 		title: string;
 		scopeProject: string;

source/ui/components/chat/ChatFooter.tsx

@@ -19,6 +19,7 @@ import type {ReviewCommitSelection} from '../panels/ReviewCommitPanel.js';
 import {IdeSelectPanel} from '../panels/IdeSelectPanel.js';
 const BtwPanel = lazy(() => import('../panels/BtwPanel.js'));
 const DiffReviewPanel = lazy(() => import('../panels/DiffReviewPanel.js'));
+const SkillsListPanel = lazy(() => import('../panels/SkillsListPanel.js'));
 
 type ChatFooterProps = {
 	onSubmit: (
@@ -147,6 +148,10 @@ type ChatFooterProps = {
 		message?: string,
 	) => void;
 
+	// Skills list panel props
+	showSkillsListPanel: boolean;
+	setShowSkillsListPanel: React.Dispatch<React.SetStateAction<boolean>>;
+
 	// BTW panel props
 	btwPrompt: string | null;
 	onBtwClose: () => void;
@@ -270,17 +275,19 @@ const ChatFooter = React.memo(function ChatFooter(props: ChatFooterProps) {
 		if (
 			props.showReviewCommitPanel ||
 			props.showIdeSelectPanel ||
-			props.showDiffReviewPanel
+			props.showDiffReviewPanel ||
+			props.showSkillsListPanel
 		) {
 			props.onDraftChange(null);
 		}
-	}, [props.showReviewCommitPanel, props.showIdeSelectPanel, props.showDiffReviewPanel]);
+	}, [props.showReviewCommitPanel, props.showIdeSelectPanel, props.showDiffReviewPanel, props.showSkillsListPanel]);
 
 	return (
 		<>
 			{!props.showReviewCommitPanel &&
 				!props.showIdeSelectPanel &&
-				!props.showDiffReviewPanel && (
+				!props.showDiffReviewPanel &&
+				!props.showSkillsListPanel && (
 					<>
 						<LoadingIndicator
 							isStreaming={props.isStreaming}
@@ -428,6 +435,24 @@ const ChatFooter = React.memo(function ChatFooter(props: ChatFooterProps) {
 				/>
 			)}
 
+			{props.showSkillsListPanel && (
+				<Box marginTop={1} flexDirection="column">
+					<Suspense
+						fallback={
+							<Box>
+								<Text>
+									<Spinner type="dots" /> Loading...
+								</Text>
+							</Box>
+						}
+					>
+						<SkillsListPanel
+							onClose={() => props.setShowSkillsListPanel(false)}
+						/>
+					</Suspense>
+				</Box>
+			)}
+
 			{props.showDiffReviewPanel && (
 				<Suspense
 					fallback={