Adding Components

# Navigate to appropriate category
cd cli-tool/components/agents/[category]/

# Create your agent file
touch your-agent-name.md

---
name: frontend-developer
description: Frontend development specialist for React applications and responsive design
tools: Read, Write, Edit, Bash, Glob, Grep
model: sonnet
---

You are a senior frontend developer specializing in modern web applications...

## Communication Protocol

Always begin by requesting project context from the context-manager...

## Execution Flow

### 1. Context Discovery
...

---
name: frontend-developer
description: "Use when building complete frontend applications across React, Vue, and Angular frameworks..."
tools: Read, Write, Edit, Bash, Glob, Grep
model: sonnet
---

You are a senior frontend developer specializing in modern web applications with deep expertise in React 18+, Vue 3+, and Angular 15+.

## Communication Protocol

### Required Initial Step: Project Context Gathering

Always begin by requesting project context from the context-manager...

cd cli-tool/components/commands/[category]/
touch your-command-name.md

---
allowed-tools: Read, Write, Edit, Bash
argument-hint: [file-path] | [component-name]
description: Generate comprehensive test suite with unit, integration, and edge case coverage
---

# Generate Tests

Generate comprehensive test suite for: $ARGUMENTS

## Current Testing Setup

- Test framework: @package.json or @jest.config.js
- Existing tests: !`find . -name "*.test.*" | head -5`
- Target file: @$ARGUMENTS

## Task

I'll analyze the target code and create complete test coverage...

---
allowed-tools: Read, Write, Edit, Bash
argument-hint: [file-path] | [component-name]
description: Generate comprehensive test suite with unit, integration, and edge case coverage
---

# Generate Tests

Generate comprehensive test suite for: $ARGUMENTS

## Process

1. Analyze the target file/component structure
2. Identify all testable functions, methods, and behaviors
3. Examine existing test patterns in the project
4. Create test files following project naming conventions
5. Implement comprehensive test cases with proper setup/teardown

cd cli-tool/components/mcps/[category]/
touch your-service-mcp.json

{
  "mcpServers": {
    "service-name": {
      "command": "npx",
      "args": ["-y", "@your-org/mcp-server"],
      "description": "What this MCP provides",
      "env": {
        "API_KEY": "<YOUR_API_KEY>",
        "BASE_URL": "https://api.service.com"
      }
    }
  }
}

cd cli-tool/components/settings/[category]/
touch your-setting-name.json

{
  "setting-category": {
    "parameter": "value",
    "description": "What this setting controls"
  }
}

cd cli-tool/components/hooks/[category]/
touch your-hook-name.json

{
  "description": "Send simple desktop notifications when operations complete",
  "hooks": {
    "PostToolUse": [
      {
        "matcher": "*",
        "hooks": [
          {
            "type": "command",
            "command": "if command -v osascript >/dev/null 2>&1; then osascript -e 'display notification \"Tool completed\" with title \"Claude Code\"'; fi"
          }
        ]
      }
    ]
  }
}

{
  "description": "Send simple desktop notifications when Claude Code operations complete. Works on macOS and Linux systems.",
  "hooks": {
    "PostToolUse": [
      {
        "matcher": "*",
        "hooks": [
          {
            "type": "command",
            "command": "if command -v osascript >/dev/null 2>&1; then osascript -e 'display notification \"Tool: $CLAUDE_TOOL_NAME completed\" with title \"Claude Code\"'; elif command -v notify-send >/dev/null 2>&1; then notify-send 'Claude Code' \"Tool: $CLAUDE_TOOL_NAME completed\"; fi"
          }
        ]
      }
    ]
  }
}

cd cli-tool/components/skills/[category]/
mkdir your-skill-name
cd your-skill-name

your-skill-name/
├── SKILL.md          # Main skill instructions
├── references/       # Reference files (loaded on demand)
└── scripts/         # Executable scripts (not loaded in context)

# Skill Name

## Overview

Brief description of what this skill does.

## When to Use

When the user requests...

## Instructions

Detailed instructions for Claude...

## References

Files in the references/ directory that can be loaded on demand.

# Example: Create new agent category
cd cli-tool/components/agents/
mkdir your-new-category

# Add your component
cd your-new-category/
touch your-component-name.md