Skip to content

Extensions

One-Liner

Extensions management provides unified interfaces for configuring and managing skills, commands, rules, MCP servers, and hooks across project and user scopes.


Pain Points Solved

Pain PointCurrent StateExtensions Solution
Scattered managementEdit config files manuallyDedicated pages for each extension type
Scope confusionGlobal vs project unclearLocation tabs (project/user/hub)
No templatesCreate from scratchQuick templates and wizards
Hard to discoverUnknown extensionsSkill Hub, recommended MCPs
No cross-CLI syncSeparate configsCross-CLI sync panel

Skills Manager

Page Overview

Location: ccw/frontend/src/pages/SkillsManagerPage.tsx

Purpose: Browse, enable/disable, and manage skill packages with CLI mode toggle.

Access: Navigation → Skills

Features

FeatureDescription
Location TabsProject, User, Hub tabs
CLI Mode ToggleSwitch between Claude and Codex CLI modes
Stats CardsTotal, Enabled, Disabled, Categories count
FiltersSearch, category, source, enabled status
Skill GridVisual card grid with toggle, click details, delete
Skill HubRemote/Local/Installed skills with install/uninstall
Detail PanelSlide-over panel with full skill details
Create DialogInstall new skills from source

Skill Sources

SourceDescription
BuiltinBuilt-in skills provided by CCW
CustomUser-created custom skills
CommunityCommunity-contributed skills

Commands Manager

Page Overview

Location: ccw/frontend/src/pages/CommandsManagerPage.tsx

Purpose: Manage slash commands with group-based organization.

Access: Navigation → Commands

Features

FeatureDescription
Location TabsProject, User tabs
Stats CardsTotal, Enabled, Disabled counts
SearchFilter by command name
Group AccordionCommands organized by group (cli, workflow, etc.)
Toggle CommandsEnable/disable individual commands
Toggle GroupsEnable/disable all commands in a group
Expand/Collapse AllBulk expand or collapse all groups
Show DisabledToggle visibility of disabled commands
Create DialogCreate new custom commands

Command Groups

GroupDescription
cliCLI-related commands
workflowWorkflow and session commands
terminalTerminal management commands

Rules Manager

Page Overview

Location: ccw/frontend/src/pages/RulesManagerPage.tsx

Purpose: Manage rules with full CRUD operations and category filtering.

Access: Navigation → Rules

Features

FeatureDescription
Location TabsAll, Project, User tabs
Status FilterAll, Enabled, Disabled
Category FilterFilter by rule category
SearchFilter by name, description, category
Active Filters DisplayVisual filter badges with remove
Rules GridCard grid with edit, delete, toggle actions
CRUD DialogsCreate, edit, delete rule with confirmation
Empty StatesContext-sensitive empty states

Rule Categories

Common rule categories include:

  • Validation - Input and data validation
  • Transformation - Data transformation rules
  • Routing - Request routing logic
  • Security - Security and access control
  • Custom - User-defined categories

MCP Manager

Page Overview

Location: ccw/frontend/src/pages/McpManagerPage.tsx

Purpose: Manage MCP (Model Context Protocol) servers with template library and cross-CLI sync.

Access: Navigation → MCP

Features

FeatureDescription
Main TabsTemplates, Servers, Cross-CLI tabs
CLI Mode ToggleSwitch between Claude and Codex modes
Stats CardsTotal, Enabled, Global, Project counts
Server CardsExpandable cards with toggle, edit, delete, save as template
CCW Tools MCPSpecial card for CCW Tools configuration
TemplatesRecommended MCPs and custom templates
Cross-CLI SyncSync MCP servers between Claude and Codex
Scope FilterAll, Global, Project filter
Conflict DetectionWarn about scope conflicts

MCP Server Configuration

Each MCP server has:

  • Name - Server identifier
  • Command - Executable command
  • Args - Command arguments array
  • Env - Environment variables object
  • Scope - Global or Project
  • Enabled - Enable/disable toggle

MCP Scopes

ScopeDescription
GlobalAvailable across all projects
ProjectAvailable only for current project

Hook Manager

Page Overview

Location: ccw/frontend/src/pages/HookManagerPage.tsx

Purpose: Manage CLI hooks with trigger type organization and wizard creation.

Access: Navigation → Hooks

Features

FeatureDescription
Trigger FiltersFilter by hook trigger type
Stats BadgesEnabled/Total count per trigger
SearchFilter by name, description, command
Hook CardsExpandable cards with toggle, edit, delete
Quick TemplatesPre-built hook templates for quick install
Wizard LaunchersGuided creation for common hook patterns
Create DialogManual hook creation form

Hook Trigger Types

TriggerDescription
SessionStartWhen a session starts
UserPromptSubmitWhen user submits a prompt
PreToolUseBefore tool execution
PostToolUseAfter tool execution
PostToolUseFailureAfter tool execution failure
StopWhen session stops
NotificationOn notifications
SubagentStartWhen subagent starts
SubagentStopWhen subagent stops
PreCompactBefore context compaction
SessionEndWhen session ends
PermissionRequestOn permission requests

Hook Wizards

WizardDescription
Memory UpdateAuto-update memory after sessions
Danger ProtectionPrevent dangerous operations
Skill ContextAuto-inject skill context

Components Reference

Main Components

ComponentLocationPurpose
SkillsManagerPage@/pages/SkillsManagerPage.tsxSkills management
CommandsManagerPage@/pages/CommandsManagerPage.tsxCommands management
RulesManagerPage@/pages/RulesManagerPage.tsxRules management
McpManagerPage@/pages/McpManagerPage.tsxMCP servers management
HookManagerPage@/pages/HookManagerPage.tsxHooks management

Shared Components

ComponentPurpose
SkillCard / SkillHubCardSkill display with actions
CommandGroupAccordionCommand group with accordion
RuleCardRule display with actions
McpServerCard / CodexMcpEditableCardMCP server display
HookCardHook display with expand/collapse
TabsNavigationTab switcher
CliModeToggleCLI mode badge switcher

Released under the MIT License.