Enhance skill generator documentation and templates

- Updated Phase 1 and Phase 2 documentation to include next phase links and data flow details.
- Expanded Phase 5 documentation to include comprehensive validation and README generation steps, along with validation report structure.
- Added purpose and usage context sections to various action and script templates (e.g., autonomous-action, llm-action, script-bash).
- Improved commands management by simplifying the command scanning logic and enabling/disabling commands through renaming files.
- Enhanced dashboard command manager to format group names and display nested groups with appropriate icons and colors.
- Updated LiteLLM executor to allow model overrides during execution.
- Added action reference guide and template reference sections to the skill-tuning SKILL.md for better navigation and understanding.

ccw/src/templates/dashboard-js/i18n.js

@@ -1631,6 +1631,12 @@ const i18n = {
     'commands.group.task': 'Task',
     'commands.group.issue': 'Issue',
     'commands.group.other': 'Other',
+    'commands.group.review': 'Review',
+    'commands.group.execute': 'Execute',
+    'commands.group.plan': 'Plan',
+    'commands.group.test': 'Test',
+    'commands.group.debug': 'Debug',
+    'commands.group.tools': 'Tools',
     'commands.enableAll': 'Enable All',
     'commands.disableAll': 'Disable All',
     'commands.enableGroupConfirm': 'Enable all commands in "{group}" group?',
@@ -4307,6 +4313,12 @@ const i18n = {
     'commands.group.task': '任务',
     'commands.group.issue': '问题',
     'commands.group.other': '其他',
+    'commands.group.review': '审查',
+    'commands.group.execute': '执行',
+    'commands.group.plan': '规划',
+    'commands.group.test': '测试',
+    'commands.group.debug': '调试',
+    'commands.group.tools': '工具',
     'commands.enableAll': '全部启用',
     'commands.disableAll': '全部禁用',
     'commands.enableGroupConfirm': '启用 "{group}" 分组中的所有命令？',

ccw/src/templates/dashboard-js/views/commands-manager.js

@@ -205,6 +205,50 @@ function renderCommandsView() {
   if (typeof lucide !== 'undefined') lucide.createIcons();
 }
 
+// Format group name for display (e.g., 'workflow/review' -> 'Workflow > Review')
+function formatGroupName(groupName) {
+  if (!groupName.includes('/')) {
+    return t('commands.group.' + groupName) || groupName;
+  }
+
+  // Split path and translate each part
+  const parts = groupName.split('/');
+  const translatedParts = parts.map(part => t('commands.group.' + part) || part);
+  return translatedParts.join(' › ');
+}
+
+// Get icon for a group (use top-level parent's icon for nested groups)
+function getGroupIcon(groupName) {
+  const groupIcons = {
+    cli: 'terminal',
+    workflow: 'git-branch',
+    memory: 'brain',
+    task: 'clipboard-list',
+    issue: 'alert-circle',
+    other: 'folder'
+  };
+
+  // For nested groups, use the top-level parent's icon
+  const topLevel = groupName.split('/')[0];
+  return groupIcons[topLevel] || 'folder';
+}
+
+// Get color for a group (use top-level parent's color for nested groups)
+function getGroupColor(groupName) {
+  const groupColors = {
+    cli: 'text-primary bg-primary/10',
+    workflow: 'text-success bg-success/10',
+    memory: 'text-indigo bg-indigo/10',
+    task: 'text-warning bg-warning/10',
+    issue: 'text-destructive bg-destructive/10',
+    other: 'text-muted-foreground bg-muted'
+  };
+
+  // For nested groups, use the top-level parent's color
+  const topLevel = groupName.split('/')[0];
+  return groupColors[topLevel] || 'text-muted-foreground bg-muted';
+}
+
 function renderAccordionGroup(groupName, commands) {
   // Default to expanded for new/custom groups
   if (expandedGroups[groupName] === undefined) expandedGroups[groupName] = true;
@@ -217,31 +261,14 @@ function renderAccordionGroup(groupName, commands) {
     ? commands
     : enabledCommands;
 
-  // Group icons
-  const groupIcons = {
-    cli: 'terminal',
-    workflow: 'workflow',
-    memory: 'brain',
-    task: 'clipboard-list',
-    issue: 'alert-circle',
-    other: 'folder'
-  };
-
-  // Group colors
-  const groupColors = {
-    cli: 'text-primary bg-primary/10',
-    workflow: 'text-success bg-success/10',
-    memory: 'text-indigo bg-indigo/10',
-    task: 'text-warning bg-warning/10',
-    issue: 'text-destructive bg-destructive/10',
-    other: 'text-muted-foreground bg-muted'
-  };
-
-  const icon = groupIcons[groupName] || 'folder';
-  const colorClass = groupColors[groupName] || 'text-muted-foreground bg-muted';
+  const icon = getGroupIcon(groupName);
+  const colorClass = getGroupColor(groupName);
+  const displayName = formatGroupName(groupName);
+  const indentLevel = (groupName.match(/\//g) || []).length;
+  const indentStyle = indentLevel > 0 ? `style="margin-left: ${indentLevel * 20}px;"` : '';
 
   return `
-    <div class="accordion-group mb-4">
+    <div class="accordion-group mb-4" ${indentStyle}>
       <!-- Group Header -->
       <div class="accordion-header flex items-center justify-between px-4 py-3 bg-card border border-border rounded-lg hover:bg-hover transition-colors">
         <div class="flex items-center gap-3 flex-1 cursor-pointer" onclick="toggleAccordionGroup('${groupName}')">
@@ -250,7 +277,7 @@ function renderAccordionGroup(groupName, commands) {
             <i data-lucide="${icon}" class="w-4 h-4"></i>
           </div>
           <div>
-            <h3 class="text-base font-semibold text-foreground capitalize">${t('commands.group.' + groupName) || groupName}</h3>
+            <h3 class="text-base font-semibold text-foreground">${displayName}</h3>
             <p class="text-xs text-muted-foreground">${enabledCommands.length}/${commands.length} ${t('commands.enabled') || 'enabled'}</p>
           </div>
         </div>