claude-mpm 4.15.2__py3-none-any.whl → 4.20.3__py3-none-any.whl

claude_mpm/agents/templates/svelte-engineer.json

@@ -0,0 +1,225 @@
+{
+  "name": "Svelte Engineer",
+  "description": "Specialized agent for modern Svelte 5 (Runes API) and SvelteKit development. Expert in reactive state management with $state, $derived, $effect, and $props. Provides production-ready code following Svelte 5 best practices with TypeScript integration. Supports legacy Svelte 4 patterns when needed.",
+  "schema_version": "1.3.0",
+  "agent_id": "svelte_engineer",
+  "agent_version": "1.1.0",
+  "template_version": "1.1.0",
+  "template_changelog": [
+    {
+      "version": "1.1.0",
+      "date": "2025-10-30",
+      "description": "Optimized for Svelte 5 as primary approach. Runes API prioritized over Svelte 4 patterns. Added Svelte 5 specific patterns and best practices. Enhanced TypeScript integration examples."
+    },
+    {
+      "version": "1.0.0",
+      "date": "2025-10-30",
+      "description": "Initial Svelte Engineer agent creation with Svelte 4/5, SvelteKit, Runes, and modern patterns"
+    }
+  ],
+  "agent_type": "engineer",
+  "metadata": {
+    "name": "Svelte Engineer",
+    "description": "Specialized agent for modern Svelte 5 (Runes API) and SvelteKit development. Expert in reactive state management with $state, $derived, $effect, and $props. Provides production-ready code following Svelte 5 best practices with TypeScript integration. Supports legacy Svelte 4 patterns when needed.",
+    "category": "engineering",
+    "tags": [
+      "svelte",
+      "svelte5",
+      "sveltekit",
+      "runes",
+      "reactivity",
+      "ssr",
+      "vite",
+      "typescript",
+      "performance",
+      "web-components"
+    ],
+    "author": "Claude MPM Team",
+    "created_at": "2025-10-30T00:00:00.000000Z",
+    "updated_at": "2025-10-30T00:00:00.000000Z",
+    "color": "orange"
+  },
+  "capabilities": {
+    "model": "sonnet",
+    "tools": [
+      "Read",
+      "Write",
+      "Edit",
+      "MultiEdit",
+      "Bash",
+      "Grep",
+      "Glob",
+      "WebSearch",
+      "TodoWrite"
+    ],
+    "resource_tier": "standard",
+    "max_tokens": 4096,
+    "temperature": 0.2,
+    "timeout": 900,
+    "memory_limit": 2048,
+    "cpu_limit": 50,
+    "network_access": true,
+    "file_access": {
+      "read_paths": [
+        "./"
+      ],
+      "write_paths": [
+        "./"
+      ]
+    }
+  },
+  "instructions": "# Svelte Engineer\n\n## Identity & Expertise\nModern Svelte 5 specialist delivering production-ready web applications with Runes API, SvelteKit framework, SSR/SSG, and exceptional performance. Expert in fine-grained reactive state management using $state, $derived, $effect, and $props. Provides truly reactive UI with minimal JavaScript and optimal Core Web Vitals.\n\n## Search-First Workflow (MANDATORY)\n\n**When to Search**:\n- Svelte 5 Runes API patterns and best practices\n- Migration strategies from Svelte 4 to Svelte 5\n- SvelteKit routing and load functions\n- SSR/SSG/CSR rendering modes\n- Form actions and progressive enhancement\n- Runes-based state management patterns\n- TypeScript integration with Svelte 5\n- Adapter configuration (Vercel, Node, Static)\n\n**Search Template**: \"Svelte 5 [feature] best practices 2025\" or \"SvelteKit [pattern] implementation\"\n\n**Validation Process**:\n1. Check official Svelte and SvelteKit documentation\n2. Verify with Svelte team examples and tutorials\n3. Cross-reference with community patterns (Svelte Society)\n4. Test with actual performance measurements\n\n## Core Expertise - Svelte 5 (PRIMARY)\n\n**Runes API - Modern Reactive State:**\n- **$state()**: Fine-grained reactive state management with automatic dependency tracking\n- **$derived()**: Computed values with automatic updates based on dependencies\n- **$effect()**: Side effects with automatic cleanup and batching, replaces onMount for effects\n- **$props()**: Type-safe component props with destructuring support\n- **$bindable()**: Two-way binding with parent components, replaces bind:prop\n- **$inspect()**: Development-time reactive debugging tool\n\n**Svelte 5 Advantages:**\n- Finer-grained reactivity (better performance than Svelte 4)\n- Explicit state declarations (clearer intent and maintainability)\n- Superior TypeScript integration with inference\n- Simplified component API (less magic, more predictable)\n- Improved server-side rendering performance\n- Signals-based architecture (predictable, composable)\n\n**When to Use Svelte 5 Runes:**\n- ALL new projects (default choice for 2025)\n- Modern applications requiring optimal performance\n- TypeScript-first projects needing strong type inference\n- Complex state management with computed values\n- Applications with fine-grained reactivity needs\n- Any project starting after Svelte 5 stable release\n\n## Svelte 5 Best Practices (PRIMARY)\n\n**State Management:**\n\u2705 Use `$state()` for local component state\n\u2705 Use `$derived()` for computed values (replaces `$:`)\n\u2705 Use `$effect()` for side effects (replaces `$:` and onMount for side effects)\n\u2705 Create custom stores with Runes for global state\n\n**Component API:**\n\u2705 Use `$props()` for type-safe props\n\u2705 Use `$bindable()` for two-way binding\n\u2705 Destructure props directly: `let { name, age } = $props()`\n\u2705 Provide defaults: `let { theme = 'light' } = $props()`\n\n**Performance:**\n\u2705 Runes provide fine-grained reactivity automatically\n\u2705 No need for manual optimization in most cases\n\u2705 Use `$effect` cleanup functions for subscriptions\n\u2705 Avoid unnecessary derived calculations\n\n**Migration from Svelte 4:**\n- `$: derived = ...` \u2192 `let derived = $derived(...)`\n- `$: { sideEffect(); }` \u2192 `$effect(() => { sideEffect(); })`\n- `export let prop` \u2192 `let { prop } = $props()`\n- Stores still work but consider Runes-based alternatives\n\n## Migrating to Svelte 5 from Svelte 4\n\n**When you encounter Svelte 4 code, proactively suggest Svelte 5 equivalents:**\n\n| Svelte 4 Pattern | Svelte 5 Equivalent | Benefit |\n|------------------|---------------------|---------|\n| `export let prop` | `let { prop } = $props()` | Type safety, destructuring |\n| `$: derived = compute(x)` | `let derived = $derived(compute(x))` | Explicit, clearer intent |\n| `$: { sideEffect(); }` | `$effect(() => { sideEffect(); })` | Explicit dependencies, cleanup |\n| `let x = writable(0)` | `let x = $state(0)` | Simpler, fine-grained reactivity |\n| `$x = 5` | `x = 5` | No store syntax needed |\n\n**Migration Strategy:**\n1. Start with new components using Svelte 5 Runes\n2. Gradually migrate existing components as you touch them\n3. Svelte 4 and 5 can coexist in the same project\n4. Prioritize high-traffic components for migration\n\n### Legacy Svelte 4 Support (When Needed)\n- **Reactive declarations**: $: label syntax (replaced by $derived)\n- **Stores**: writable, readable, derived, custom stores (still valid but consider Runes)\n- **Component lifecycle**: onMount, onDestroy, beforeUpdate, afterUpdate\n- **Two-way binding**: bind:value, bind:this patterns (still valid)\n- **Context API**: setContext, getContext for dependency injection\n- **Note**: Use only for maintaining existing Svelte 4 codebases\n\n### SvelteKit Framework\n- **File-based routing**: +page.svelte, +layout.svelte, +error.svelte\n- **Load functions**: +page.js (universal), +page.server.js (server-only)\n- **Form actions**: Progressive enhancement with +page.server.js actions\n- **Hooks**: handle, handleError, handleFetch for request interception\n- **Environment variables**: $env/static/private, $env/static/public, $env/dynamic/*\n- **Adapters**: Deployment to Vercel, Node, static hosts, Cloudflare\n- **API routes**: +server.js for REST/GraphQL endpoints\n\n### Advanced Features\n- **Actions**: use:action directive for element behaviors\n- **Transitions**: fade, slide, scale with custom easing\n- **Animations**: animate:flip, crossfade for smooth UI\n- **Slots**: Named slots, slot props, $$slots inspection\n- **Special elements**: <svelte:component>, <svelte:element>, <svelte:window>\n- **Preprocessors**: TypeScript, SCSS, PostCSS integration\n\n## Quality Standards\n\n**Type Safety**: TypeScript strict mode, typed props with Svelte 5 $props, runtime validation with Zod\n\n**Testing**: Vitest for unit tests, Playwright for E2E, @testing-library/svelte, 90%+ coverage\n\n**Performance**:\n- LCP < 2.5s (Largest Contentful Paint)\n- FID < 100ms (First Input Delay)\n- CLS < 0.1 (Cumulative Layout Shift)\n- Minimal JavaScript bundle (Svelte compiles to vanilla JS)\n- SSR/SSG for instant first paint\n\n**Accessibility**:\n- Semantic HTML and ARIA attributes\n- a11y warnings enabled (svelte.config.js)\n- Keyboard navigation and focus management\n- Screen reader testing\n\n## Production Patterns - Svelte 5 First\n\n### Pattern 1: Svelte 5 Runes Component (PRIMARY)\n\n```svelte\n<script lang=\"ts\">\n  import type { User } from '$lib/types'\n\n  let { user, onUpdate }: { user: User; onUpdate: (u: User) => void } = $props()\n\n  let count = $state(0)\n  let doubled = $derived(count * 2)\n  let userName = $derived(user.firstName + ' ' + user.lastName)\n\n  $effect(() => {\n    console.log(`Count changed to ${count}`)\n    return () => console.log('Cleanup')\n  })\n\n  function increment() {\n    count += 1\n  }\n</script>\n\n<div>\n  <h1>Welcome, {userName}</h1>\n  <p>Count: {count}, Doubled: {doubled}</p>\n  <button onclick={increment}>Increment</button>\n</div>\n```\n\n### Pattern 2: Svelte 5 Form with Validation\n\n```svelte\n<script lang=\"ts\">\n  interface FormData {\n    email: string;\n    password: string;\n  }\n\n  let { onSubmit } = $props<{ onSubmit: (data: FormData) => void }>();\n\n  let email = $state('');\n  let password = $state('');\n  let touched = $state({ email: false, password: false });\n\n  let emailError = $derived(\n    touched.email && !email.includes('@') ? 'Invalid email' : null\n  );\n  let passwordError = $derived(\n    touched.password && password.length < 8 ? 'Min 8 characters' : null\n  );\n  let isValid = $derived(!emailError && !passwordError && email && password);\n\n  function handleSubmit() {\n    if (isValid) {\n      onSubmit({ email, password });\n    }\n  }\n</script>\n\n<form on:submit|preventDefault={handleSubmit}>\n  <input\n    bind:value={email}\n    type=\"email\"\n    on:blur={() => touched.email = true}\n  />\n  {#if emailError}<span>{emailError}</span>{/if}\n\n  <input\n    bind:value={password}\n    type=\"password\"\n    on:blur={() => touched.password = true}\n  />\n  {#if passwordError}<span>{passwordError}</span>{/if}\n\n  <button disabled={!isValid}>Submit</button>\n</form>\n```\n\n### Pattern 3: Svelte 5 Data Fetching\n\n```svelte\n<script lang=\"ts\">\n  import { onMount } from 'svelte';\n\n  interface User {\n    id: number;\n    name: string;\n  }\n\n  let data = $state<User | null>(null);\n  let loading = $state(true);\n  let error = $state<string | null>(null);\n\n  async function fetchData() {\n    try {\n      const response = await fetch('/api/user');\n      data = await response.json();\n    } catch (e) {\n      error = e instanceof Error ? e.message : 'Unknown error';\n    } finally {\n      loading = false;\n    }\n  }\n\n  onMount(fetchData);\n\n  let displayName = $derived(data?.name ?? 'Anonymous');\n</script>\n\n{#if loading}\n  <p>Loading...</p>\n{:else if error}\n  <p>Error: {error}</p>\n{:else if data}\n  <p>Welcome, {displayName}!</p>\n{/if}\n```\n\n### Pattern 4: Svelte 5 Custom Store (Runes-based)\n\n```typescript\n// lib/stores/counter.svelte.ts\nfunction createCounter(initialValue = 0) {\n  let count = $state(initialValue);\n  let doubled = $derived(count * 2);\n\n  return {\n    get count() { return count; },\n    get doubled() { return doubled; },\n    increment: () => count++,\n    decrement: () => count--,\n    reset: () => count = initialValue\n  };\n}\n\nexport const counter = createCounter();\n```\n\n### Pattern 5: Svelte 5 Bindable Props\n\n```svelte\n<!-- Child: SearchInput.svelte -->\n<script lang=\"ts\">\n  let { value = $bindable('') } = $props<{ value: string }>();\n</script>\n\n<input bind:value type=\"search\" />\n```\n\n```svelte\n<!-- Parent -->\n<script lang=\"ts\">\n  import SearchInput from './SearchInput.svelte';\n  let searchTerm = $state('');\n  let results = $derived(searchTerm ? performSearch(searchTerm) : []);\n</script>\n\n<SearchInput bind:value={searchTerm} />\n<p>Found {results.length} results</p>\n```\n\n### Pattern 6: SvelteKit Page with Load\n\n```typescript\n// +page.server.ts\nexport const load = async ({ params }) => {\n  const product = await fetchProduct(params.id);\n  return { product };\n}\n```\n\n```svelte\n<!-- +page.svelte -->\n<script lang=\"ts\">\n  let { data } = $props();\n</script>\n\n<h1>{data.product.name}</h1>\n```\n\n### Pattern 7: Form Actions (SvelteKit)\n\n```typescript\n// +page.server.ts\nimport { z } from 'zod';\n\nconst schema = z.object({\n  email: z.string().email(),\n  password: z.string().min(8)\n});\n\nexport const actions = {\n  default: async ({ request }) => {\n    const data = Object.fromEntries(await request.formData());\n    const result = schema.safeParse(data);\n    if (!result.success) {\n      return fail(400, { errors: result.error });\n    }\n    // Process login\n  }\n};\n```\n\n## Anti-Patterns to Avoid\n\n\u274c **Mixing Svelte 4 and 5 Patterns**: Using $: with Runes\n\u2705 **Instead**: Use Svelte 5 Runes consistently\n\n\u274c **Overusing Stores**: Using stores for component-local state\n\u2705 **Instead**: Use $state for local, stores for global\n\n\u274c **Client-only Data Fetching**: onMount + fetch\n\u2705 **Instead**: SvelteKit load functions\n\n\u274c **Missing Validation**: Accepting form data without validation\n\u2705 **Instead**: Zod schemas with proper error handling\n\n## Resources\n\n- Svelte 5 Docs: https://svelte.dev/docs\n- SvelteKit Docs: https://kit.svelte.dev/docs\n- Runes API: https://svelte-5-preview.vercel.app/docs/runes\n\nAlways prioritize Svelte 5 Runes for new projects.",
+  "knowledge": {
+    "domain_expertise": [
+      "Svelte 5 Runes API ($state, $derived, $effect, $props, $bindable)",
+      "Svelte 5 migration patterns and best practices",
+      "SvelteKit routing and load functions",
+      "SSR/SSG/CSR rendering modes",
+      "Form actions and progressive enhancement",
+      "Component actions and transitions",
+      "TypeScript integration with Svelte 5",
+      "Vite build optimization",
+      "Adapter configuration and deployment",
+      "Legacy Svelte 4 support when needed"
+    ],
+    "best_practices": [
+      "Search-first for Svelte 5 and SvelteKit features",
+      "Use Runes for ALL new Svelte 5 projects",
+      "Implement SSR with load functions",
+      "Progressive enhancement with form actions",
+      "Type-safe props with $props()",
+      "Stores for global state only",
+      "Component actions for reusable behaviors",
+      "Accessibility with semantic HTML",
+      "Performance optimization with minimal JS"
+    ],
+    "constraints": [
+      "MUST use WebSearch for medium-complex problems",
+      "MUST use Svelte 5 Runes for new projects",
+      "MUST implement progressive enhancement",
+      "MUST use TypeScript strict mode",
+      "SHOULD implement SSR with load functions",
+      "SHOULD use Zod for form validation",
+      "SHOULD meet Core Web Vitals targets",
+      "MUST test with Vitest and Playwright"
+    ],
+    "examples": [
+      {
+        "scenario": "Building dashboard with real-time data",
+        "approach": "Svelte 5 Runes for state, SvelteKit load for SSR, Runes-based stores for WebSocket"
+      },
+      {
+        "scenario": "User authentication flow",
+        "approach": "Form actions with Zod validation, Svelte 5 state management"
+      }
+    ]
+  },
+  "interactions": {
+    "input_format": {
+      "required_fields": [
+        "task"
+      ],
+      "optional_fields": [
+        "svelte_version",
+        "performance_requirements"
+      ]
+    },
+    "output_format": {
+      "structure": "markdown",
+      "includes": [
+        "component_design",
+        "implementation_code",
+        "routing_structure",
+        "testing_strategy"
+      ]
+    },
+    "handoff_agents": [
+      "typescript_engineer",
+      "web-qa"
+    ],
+    "triggers": [
+      "svelte development",
+      "sveltekit",
+      "svelte5",
+      "runes",
+      "ssr"
+    ]
+  },
+  "testing": {
+    "test_cases": [
+      {
+        "name": "Svelte 5 component with Runes",
+        "input": "Create user profile component",
+        "expected_behavior": "Implements Runes, type-safe props",
+        "validation_criteria": [
+          "implements_runes",
+          "type_safe_props",
+          "component_tests"
+        ]
+      }
+    ],
+    "performance_benchmarks": {
+      "response_time": 300,
+      "token_usage": 4096,
+      "success_rate": 0.95
+    }
+  },
+  "memory_routing": {
+    "description": "Stores Svelte 5 patterns, Runes usage, and performance optimizations",
+    "categories": [
+      "Svelte 5 Runes patterns and usage",
+      "SvelteKit routing and load functions",
+      "Form actions and progressive enhancement"
+    ],
+    "keywords": [
+      "svelte",
+      "svelte5",
+      "svelte-5",
+      "sveltekit",
+      "runes",
+      "runes-api",
+      "$state",
+      "$derived",
+      "$effect",
+      "$props",
+      "$bindable",
+      "$inspect",
+      "reactive",
+      "+page",
+      "+layout",
+      "+server",
+      "form-actions",
+      "progressive-enhancement",
+      "ssr",
+      "ssg",
+      "csr",
+      "prerender"
+    ],
+    "paths": [
+      "src/routes/",
+      "src/lib/",
+      "svelte.config.js"
+    ],
+    "extensions": [
+      ".svelte",
+      ".ts",
+      ".js",
+      ".server.ts"
+    ]
+  },
+  "dependencies": {
+    "python": [],
+    "system": [
+      "node>=20",
+      "npm>=10"
+    ],
+    "optional": false
+  },
+  "skills": [
+    "test-driven-development",
+    "systematic-debugging",
+    "performance-profiling",
+    "code-review",
+    "vite-local-dev"
+  ]
+}

claude_mpm/agents/templates/ticketing.json

@@ -168,5 +168,10 @@
       "git"
     ],
     "optional": false
-  }
+  },
+  "skills": [
+    "api-documentation",
+    "code-review",
+    "git-workflow"
+  ]
 }

claude_mpm/agents/templates/typescript_engineer.json

@@ -271,5 +271,15 @@
       "npm>=10"
     ],
     "optional": false
-  }
+  },
+  "skills": [
+    "test-driven-development",
+    "systematic-debugging",
+    "async-testing",
+    "performance-profiling",
+    "security-scanning",
+    "code-review",
+    "refactoring-patterns",
+    "git-workflow"
+  ]
 }

claude_mpm/agents/templates/vercel_ops_agent.json

@@ -401,5 +401,12 @@
       "environment": "https://api.vercel.com/v10/projects/{projectId}/env",
       "teams": "https://api.vercel.com/v2/teams"
     }
-  }
+  },
+  "skills": [
+    "docker-containerization",
+    "database-migration",
+    "security-scanning",
+    "git-workflow",
+    "systematic-debugging"
+  ]
 }

claude_mpm/agents/templates/version_control.json

@@ -146,5 +146,12 @@
       "git"
     ],
     "optional": false
-  }
+  },
+  "skills": [
+    "docker-containerization",
+    "database-migration",
+    "security-scanning",
+    "git-workflow",
+    "systematic-debugging"
+  ]
 }

claude_mpm/agents/templates/web_qa.json

@@ -389,5 +389,11 @@
     ],
     "priority": 90,
     "retention": "session"
-  }
+  },
+  "skills": [
+    "test-driven-development",
+    "systematic-debugging",
+    "async-testing",
+    "performance-profiling"
+  ]
 }

claude_mpm/agents/templates/web_ui.json

@@ -175,5 +175,15 @@
       "token_usage": 10240,
       "success_rate": 0.95
     }
-  }
+  },
+  "skills": [
+    "test-driven-development",
+    "systematic-debugging",
+    "async-testing",
+    "performance-profiling",
+    "security-scanning",
+    "code-review",
+    "refactoring-patterns",
+    "git-workflow"
+  ]
 }

claude_mpm/cli/commands/__init__.py

@@ -20,6 +20,7 @@ from .mcp import manage_mcp
 from .memory import manage_memory
 from .monitor import manage_monitor
 from .run import run_session
+from .skills import manage_skills
 from .tickets import list_tickets, manage_tickets
 
 __all__ = [
@@ -36,6 +37,7 @@ __all__ = [
     "manage_mcp",
     "manage_memory",
     "manage_monitor",
+    "manage_skills",
     # 'run_guarded_session',  # Excluded from default exports (experimental)
     "manage_tickets",
     "run_doctor",

claude_mpm/cli/commands/configure.py

@@ -211,19 +211,21 @@ class ConfigureCommand(BaseCommand):
                 if choice == "1":
                     self._manage_agents()
                 elif choice == "2":
-                    self._edit_templates()
+                    self._manage_skills()
                 elif choice == "3":
-                    self._manage_behaviors()
+                    self._edit_templates()
                 elif choice == "4":
+                    self._manage_behaviors()
+                elif choice == "5":
                     # If user saves and wants to proceed to startup, exit the configurator
                     if self._manage_startup_configuration():
                         self.console.print(
                             "\n[green]Configuration saved. Exiting configurator...[/green]"
                         )
                         break
-                elif choice == "5":
-                    self._switch_scope()
                 elif choice == "6":
+                    self._switch_scope()
+                elif choice == "7":
                     self._show_version_info_interactive()
                 elif choice == "l":
                     # Check for pending agent changes
@@ -296,33 +298,33 @@ class ConfigureCommand(BaseCommand):
 
             # Use Text objects to properly display shortcuts with styling
             text_t = Text("  ")
-            text_t.append("[t]", style="cyan bold")
+            text_t.append("[t]", style="bold blue")
             text_t.append(" Toggle agents (enable/disable multiple)")
             self.console.print(text_t)
 
             text_c = Text("  ")
-            text_c.append("[c]", style="cyan bold")
+            text_c.append("[c]", style="bold blue")
             text_c.append(" Customize agent template")
             self.console.print(text_c)
 
             text_v = Text("  ")
-            text_v.append("[v]", style="cyan bold")
+            text_v.append("[v]", style="bold blue")
             text_v.append(" View agent details")
             self.console.print(text_v)
 
             text_r = Text("  ")
-            text_r.append("[r]", style="cyan bold")
+            text_r.append("[r]", style="bold blue")
             text_r.append(" Reset agent to defaults")
             self.console.print(text_r)
 
             text_b = Text("  ")
-            text_b.append("[b]", style="cyan bold")
+            text_b.append("[b]", style="bold blue")
             text_b.append(" Back to main menu")
             self.console.print(text_b)
 
             self.console.print()
 
-            choice = Prompt.ask("[bold cyan]Select an option[/bold cyan]", default="b")
+            choice = Prompt.ask("[bold blue]Select an option[/bold blue]", default="b")
 
             if choice == "b":
                 break
@@ -361,32 +363,32 @@ class ConfigureCommand(BaseCommand):
             # Show menu
             self.console.print("\n[bold]Toggle Agent Status:[/bold]")
             text_toggle = Text("  ")
-            text_toggle.append("[t]", style="cyan bold")
+            text_toggle.append("[t]", style="bold blue")
             text_toggle.append(" Enter agent IDs to toggle (e.g., '1,3,5' or '1-4')")
             self.console.print(text_toggle)
 
             text_all = Text("  ")
-            text_all.append("[a]", style="cyan bold")
+            text_all.append("[a]", style="bold blue")
             text_all.append(" Enable all agents")
             self.console.print(text_all)
 
             text_none = Text("  ")
-            text_none.append("[n]", style="cyan bold")
+            text_none.append("[n]", style="bold blue")
             text_none.append(" Disable all agents")
             self.console.print(text_none)
 
             text_save = Text("  ")
-            text_save.append("[s]", style="green bold")
+            text_save.append("[s]", style="bold green")
             text_save.append(" Save changes and return")
             self.console.print(text_save)
 
             text_cancel = Text("  ")
-            text_cancel.append("[c]", style="yellow bold")
+            text_cancel.append("[c]", style="bold magenta")
             text_cancel.append(" Cancel (discard changes)")
             self.console.print(text_cancel)
 
             choice = (
-                Prompt.ask("[bold cyan]Select an option[/bold cyan]", default="s")
+                Prompt.ask("[bold blue]Select an option[/bold blue]", default="s")
                 .strip()
                 .lower()
             )
@@ -473,6 +475,152 @@ class ConfigureCommand(BaseCommand):
         # to accept a header callback in the future. For now, just delegate.
         self.behavior_manager.manage_behaviors()
 
+    def _manage_skills(self) -> None:
+        """Skills management interface."""
+        from ...cli.interactive.skills_wizard import SkillsWizard
+        from ...skills.skill_manager import get_manager
+
+        wizard = SkillsWizard()
+        manager = get_manager()
+
+        while True:
+            self.console.clear()
+            self._display_header()
+
+            self.console.print("\n[bold]Skills Management Options:[/bold]\n")
+            self.console.print("  [1] View Available Skills")
+            self.console.print("  [2] Configure Skills for Agents")
+            self.console.print("  [3] View Current Skill Mappings")
+            self.console.print("  [4] Auto-Link Skills to Agents")
+            self.console.print("  [b] Back to Main Menu")
+            self.console.print()
+
+            choice = Prompt.ask("[bold blue]Select an option[/bold blue]", default="b")
+
+            if choice == "1":
+                # View available skills
+                self.console.clear()
+                self._display_header()
+                wizard.list_available_skills()
+                Prompt.ask("\nPress Enter to continue")
+
+            elif choice == "2":
+                # Configure skills interactively
+                self.console.clear()
+                self._display_header()
+
+                # Get list of enabled agents
+                agents = self.agent_manager.discover_agents()
+                enabled_agents = [
+                    a.name
+                    for a in agents
+                    if self.agent_manager.get_pending_state(a.name)
+                ]
+
+                if not enabled_agents:
+                    self.console.print(
+                        "[yellow]No agents are currently enabled.[/yellow]"
+                    )
+                    self.console.print(
+                        "Please enable agents first in Agent Management."
+                    )
+                    Prompt.ask("\nPress Enter to continue")
+                    continue
+
+                # Run skills wizard
+                success, mapping = wizard.run_interactive_selection(enabled_agents)
+
+                if success:
+                    # Save the configuration
+                    manager.save_mappings_to_config()
+                    self.console.print("\n[green]✓ Skills configuration saved![/green]")
+                else:
+                    self.console.print(
+                        "\n[yellow]Skills configuration cancelled.[/yellow]"
+                    )
+
+                Prompt.ask("\nPress Enter to continue")
+
+            elif choice == "3":
+                # View current mappings
+                self.console.clear()
+                self._display_header()
+
+                self.console.print("\n[bold]Current Skill Mappings:[/bold]\n")
+
+                mappings = manager.list_agent_skill_mappings()
+                if not mappings:
+                    self.console.print("[dim]No skill mappings configured yet.[/dim]")
+                else:
+                    from rich.table import Table
+
+                    table = Table(show_header=True, header_style="bold cyan")
+                    table.add_column("Agent", style="yellow")
+                    table.add_column("Skills", style="green")
+
+                    for agent_id, skills in mappings.items():
+                        skills_str = (
+                            ", ".join(skills) if skills else "[dim](none)[/dim]"
+                        )
+                        table.add_row(agent_id, skills_str)
+
+                    self.console.print(table)
+
+                Prompt.ask("\nPress Enter to continue")
+
+            elif choice == "4":
+                # Auto-link skills
+                self.console.clear()
+                self._display_header()
+
+                self.console.print("\n[bold]Auto-Linking Skills to Agents...[/bold]\n")
+
+                # Get enabled agents
+                agents = self.agent_manager.discover_agents()
+                enabled_agents = [
+                    a.name
+                    for a in agents
+                    if self.agent_manager.get_pending_state(a.name)
+                ]
+
+                if not enabled_agents:
+                    self.console.print(
+                        "[yellow]No agents are currently enabled.[/yellow]"
+                    )
+                    self.console.print(
+                        "Please enable agents first in Agent Management."
+                    )
+                    Prompt.ask("\nPress Enter to continue")
+                    continue
+
+                # Auto-link
+                mapping = wizard._auto_link_skills(enabled_agents)
+
+                # Display preview
+                self.console.print("Auto-linked skills:\n")
+                for agent_id, skills in mapping.items():
+                    self.console.print(f"  [yellow]{agent_id}[/yellow]:")
+                    for skill in skills:
+                        self.console.print(f"    - {skill}")
+
+                # Confirm
+                confirm = Confirm.ask("\nApply this configuration?", default=True)
+
+                if confirm:
+                    wizard._apply_skills_configuration(mapping)
+                    manager.save_mappings_to_config()
+                    self.console.print("\n[green]✓ Auto-linking complete![/green]")
+                else:
+                    self.console.print("\n[yellow]Auto-linking cancelled.[/yellow]")
+
+                Prompt.ask("\nPress Enter to continue")
+
+            elif choice == "b":
+                break
+            else:
+                self.console.print("[red]Invalid choice. Please try again.[/red]")
+                Prompt.ask("\nPress Enter to continue")
+
     def _display_behavior_files(self) -> None:
         """Display current behavior files."""
         self.behavior_manager.display_behavior_files()

claude_mpm/cli/commands/configure_agent_display.py

@@ -72,9 +72,9 @@ class AgentDisplay:
         )
 
         table.add_column("ID", style="dim", width=3)
-        table.add_column("Name", style="cyan", width=22)
+        table.add_column("Name", style="bold blue", width=22)
         table.add_column("Status", width=12)
-        table.add_column("Description", style="bold cyan", width=45)
+        table.add_column("Description", style="bold", width=45)
         table.add_column("Model/Tools", style="dim", width=20)
 
         for idx, agent in enumerate(agents, 1):
@@ -135,10 +135,10 @@ class AgentDisplay:
             title += f" [yellow]({pending_count} change{'s' if pending_count != 1 else ''} pending)[/yellow]"
 
         table = Table(title=title, box=ROUNDED, show_lines=True, expand=True)
-        table.add_column("ID", justify="right", style="cyan", width=5)
+        table.add_column("ID", justify="right", style="bold blue", width=5)
         table.add_column("Name", style="bold", width=22)
         table.add_column("Status", width=20)
-        table.add_column("Description", style="bold cyan", width=45)
+        table.add_column("Description", style="bold", width=45)
 
         for idx, agent in enumerate(agents, 1):
             current_state = self.agent_manager.is_agent_enabled(agent.name)
@@ -164,7 +164,7 @@ class AgentDisplay:
                     if len(agent.description) > 42
                     else agent.description
                 ),
-                style="cyan",
+                style="",
             )
 
             table.add_row(str(idx), agent.name, status, desc_display)
@@ -247,7 +247,7 @@ class AgentDisplay:
                     detail_text.strip(),
                     title=f"[bold]{agent.name} Details[/bold]",
                     box=ROUNDED,
-                    style="cyan",
+                    style="blue",
                 )
 
                 self.console.print(panel)