mirror of
https://github.com/SuperClaude-Org/SuperClaude_Framework.git
synced 2025-12-29 16:16:08 +00:00
refactor(docs): normalize documentation naming to lowercase for PEP8 compliance (#434)
* refactor(docs): rename directories to lowercase for PEP8 compliance - Developer-Guide → developer-guide - Getting-Started → getting-started - Reference → reference - Templates → templates - User-Guide → user-guide - User-Guide-jp → user-guide-jp - User-Guide-kr → user-guide-kr - User-Guide-zh → user-guide-zh This change aligns with Python PEP8 package naming conventions. All 43 files affected. * refactor: rename root documentation files to lowercase - CHANGELOG.md → changelog.md - CODE_OF_CONDUCT.md → code_of_conduct.md - CONTRIBUTING.md → contributing.md - SECURITY.md → security.md Aligns with Python package naming conventions (PEP8). README files remain uppercase as per convention. * refactor: move documentation files to docs/ for cleaner root Moved OSS standard files to docs/: - CHANGELOG.md → docs/CHANGELOG.md - CODE_OF_CONDUCT.md → docs/CODE_OF_CONDUCT.md - CONTRIBUTING.md → docs/CONTRIBUTING.md - SECURITY.md → docs/SECURITY.md Root now contains only essential files: ✓ README files (表紙: en, ja, kr, zh) ✓ LICENSE (法的要件) ✓ Build configs (pyproject.toml, setup.py, MANIFEST.in) ✓ VERSION Rationale: Cleaner root structure following modern Python project conventions. All detailed documentation consolidated in docs/ directory. * refactor: update documentation links after restructure Auto-updated internal documentation links to reflect new structure: - docs/ subdirectories now lowercase (PEP8) - Root files moved to docs/ - All cross-references updated This commit includes linter-generated link updates. * chore(docs): keep OSS-standard uppercase root files (CHANGELOG, CODE_OF_CONDUCT, CONTRIBUTING, SECURITY) * chore(docs): remove duplicated PR docs from repo root (moved under docs) * docs: rename pm-agent-implementation-status.md -> PM_AGENT.md for clarity * docs: update links to PM_AGENT.md after rename --------- Co-authored-by: kazuki <kazuki@kazukinoMacBook-Air.local>
This commit is contained in:
kazuki nakai
518
docs/getting-started/installation.md
Normal file
518
docs/getting-started/installation.md
Normal file
@@ -0,0 +1,518 @@
|
||||
<div align="center">
|
||||
|
||||
# 📦 SuperClaude Installation Guide
|
||||
|
||||
### **Transform Claude Code with 21 Commands, 14 Agents & 6 MCP Servers**
|
||||
|
||||
<p align="center">
|
||||
<img src="https://img.shields.io/badge/version-4.1.5-blue?style=for-the-badge" alt="Version">
|
||||
<img src="https://img.shields.io/badge/Python-3.8+-green?style=for-the-badge" alt="Python">
|
||||
<img src="https://img.shields.io/badge/Platform-Linux%20|%20macOS%20|%20Windows-orange?style=for-the-badge" alt="Platform">
|
||||
</p>
|
||||
|
||||
<p align="center">
|
||||
<a href="#-quick-installation">Quick Install</a> •
|
||||
<a href="#-requirements">Requirements</a> •
|
||||
<a href="#-installation-methods">Methods</a> •
|
||||
<a href="#-verification">Verify</a> •
|
||||
<a href="#-troubleshooting">Troubleshoot</a>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
---
|
||||
|
||||
## ⚡ **Quick Installation**
|
||||
|
||||
<div align="center">
|
||||
|
||||
### **Choose Your Preferred Method**
|
||||
|
||||
| Method | Command | Platform | Best For |
|
||||
|:------:|---------|:--------:|----------|
|
||||
| **🐍 pipx** | `pipx install SuperClaude && SuperClaude install` | Linux/macOS | **✅ Recommended** - Isolated environment |
|
||||
| **📦 pip** | `pip install SuperClaude && SuperClaude install` | All | Traditional Python setups |
|
||||
| **🌐 npm** | `npm install -g @bifrost_inc/superclaude && superclaude install` | All | Node.js developers |
|
||||
| **🔧 Dev** | `git clone ... && uv pip install -e ".[dev]"` | All | Contributors & developers |
|
||||
|
||||
</div>
|
||||
|
||||
---
|
||||
|
||||
## 📋 **Requirements**
|
||||
|
||||
<div align="center">
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<td align="center" width="50%">
|
||||
|
||||
### ✅ **Required**
|
||||
|
||||
| Component | Version | Check Command |
|
||||
|-----------|---------|---------------|
|
||||
| **Python** | 3.8+ | `python3 --version` |
|
||||
| **pip** | Latest | `pip --version` |
|
||||
| **Claude Code** | Latest | `claude --version` |
|
||||
| **Disk Space** | 50MB | `df -h` |
|
||||
|
||||
</td>
|
||||
<td align="center" width="50%">
|
||||
|
||||
### 💡 **Optional**
|
||||
|
||||
| Component | Purpose | Check Command |
|
||||
|-----------|---------|---------------|
|
||||
| **Node.js** | MCP Servers | `node --version` |
|
||||
| **Git** | Version Control | `git --version` |
|
||||
| **pipx** | Isolated Install | `pipx --version` |
|
||||
| **RAM** | Performance | 1GB recommended |
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
|
||||
<details>
|
||||
<summary><b>🔍 Quick System Check</b></summary>
|
||||
|
||||
```bash
|
||||
# Run this to check all requirements at once
|
||||
python3 --version && echo "✅ Python OK" || echo "❌ Python missing"
|
||||
claude --version && echo "✅ Claude Code OK" || echo "❌ Claude Code missing"
|
||||
node --version 2>/dev/null && echo "✅ Node.js OK (optional)" || echo "⚠️ Node.js missing (optional)"
|
||||
git --version 2>/dev/null && echo "✅ Git OK (optional)" || echo "⚠️ Git missing (optional)"
|
||||
```
|
||||
|
||||
</details>
|
||||
|
||||
---
|
||||
|
||||
## 🚀 **Installation Methods**
|
||||
|
||||
<div align="center">
|
||||
|
||||
### **Detailed Installation Instructions**
|
||||
|
||||
</div>
|
||||
|
||||
### **Method 1: pipx (Recommended)**
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<td width="60%">
|
||||
|
||||
```bash
|
||||
# Install pipx if not present
|
||||
python3 -m pip install --user pipx
|
||||
python3 -m pipx ensurepath
|
||||
|
||||
# Install SuperClaude
|
||||
pipx install SuperClaude
|
||||
|
||||
# Run the installer
|
||||
SuperClaude install
|
||||
```
|
||||
|
||||
</td>
|
||||
<td width="40%">
|
||||
|
||||
**✅ Advantages:**
|
||||
- Isolated environment
|
||||
- No dependency conflicts
|
||||
- Clean uninstall
|
||||
- Automatic PATH setup
|
||||
|
||||
**📍 Best for:**
|
||||
- Linux/macOS users
|
||||
- Clean system installs
|
||||
- Multiple Python projects
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
### **Method 2: pip (Traditional)**
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<td width="60%">
|
||||
|
||||
```bash
|
||||
# Standard installation
|
||||
pip install SuperClaude
|
||||
|
||||
# Or user installation
|
||||
pip install --user SuperClaude
|
||||
|
||||
# Run the installer
|
||||
SuperClaude install
|
||||
```
|
||||
|
||||
</td>
|
||||
<td width="40%">
|
||||
|
||||
**✅ Advantages:**
|
||||
- Works everywhere
|
||||
- Familiar to Python users
|
||||
- Direct installation
|
||||
|
||||
**📍 Best for:**
|
||||
- Windows users
|
||||
- Virtual environments
|
||||
- Quick setup
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
### **Method 3: npm (Cross-platform)**
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<td width="60%">
|
||||
|
||||
```bash
|
||||
# Global installation
|
||||
npm install -g @bifrost_inc/superclaude
|
||||
|
||||
# Run the installer
|
||||
superclaude install
|
||||
```
|
||||
|
||||
</td>
|
||||
<td width="40%">
|
||||
|
||||
**✅ Advantages:**
|
||||
- Cross-platform
|
||||
- NPM ecosystem
|
||||
- JavaScript familiar
|
||||
|
||||
**📍 Best for:**
|
||||
- Node.js developers
|
||||
- NPM users
|
||||
- Cross-platform needs
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
### **Method 4: Development Installation**
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<td width="60%">
|
||||
|
||||
```bash
|
||||
# Clone repository
|
||||
git clone https://github.com/SuperClaude-Org/SuperClaude_Framework.git
|
||||
cd SuperClaude_Framework
|
||||
|
||||
# Install uv if not present
|
||||
curl -LsSf https://astral.sh/uv/install.sh | sh
|
||||
|
||||
# Install in development mode
|
||||
uv pip install -e ".[dev]"
|
||||
|
||||
# Test installation
|
||||
SuperClaude install --dry-run
|
||||
```
|
||||
|
||||
</td>
|
||||
<td width="40%">
|
||||
|
||||
**✅ Advantages:**
|
||||
- Latest features
|
||||
- Contribute to project
|
||||
- Full source access
|
||||
- Fast installation (uv)
|
||||
|
||||
**📍 Best for:**
|
||||
- Contributors
|
||||
- Custom modifications
|
||||
- Testing new features
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
---
|
||||
|
||||
## 🎛️ **Installation Options**
|
||||
|
||||
<div align="center">
|
||||
|
||||
### **Customize Your Installation**
|
||||
|
||||
| Option | Command | Description |
|
||||
|--------|---------|-------------|
|
||||
| **Interactive** | `SuperClaude install` | Guided setup with prompts |
|
||||
| **Specific Components** | `SuperClaude install --components core mcp modes` | Install only what you need |
|
||||
| **Preview Mode** | `SuperClaude install --dry-run` | See what will be installed |
|
||||
| **Force Install** | `SuperClaude install --force --yes` | Skip all confirmations |
|
||||
| **List Components** | `SuperClaude install --list-components` | View available components |
|
||||
|
||||
</div>
|
||||
|
||||
---
|
||||
|
||||
## ✅ **Verification**
|
||||
|
||||
<div align="center">
|
||||
|
||||
### **Confirm Successful Installation**
|
||||
|
||||
</div>
|
||||
|
||||
### **Step 1: Check Installation**
|
||||
|
||||
```bash
|
||||
# Verify SuperClaude version
|
||||
python3 -m SuperClaude --version
|
||||
# Expected: SuperClaude 4.1.5
|
||||
|
||||
# List installed components
|
||||
SuperClaude install --list-components
|
||||
# Expected: List of available components
|
||||
```
|
||||
|
||||
### **Step 2: Test in Claude Code**
|
||||
|
||||
```bash
|
||||
# Open Claude Code and try these commands:
|
||||
/sc:brainstorm "test project" # Should trigger discovery questions
|
||||
/sc:analyze README.md # Should provide structured analysis
|
||||
@agent-security "review code" # Should activate security specialist
|
||||
```
|
||||
|
||||
### **Step 3: What's Installed**
|
||||
|
||||
<div align="center">
|
||||
|
||||
| Location | Contents | Size |
|
||||
|----------|----------|------|
|
||||
| `~/.claude/` | Framework files | ~50MB |
|
||||
| `~/.claude/CLAUDE.md` | Main entry point | ~2KB |
|
||||
| `~/.claude/*.md` | Behavioral instructions | ~200KB |
|
||||
| `~/.claude/claude-code-settings.json` | MCP configurations | ~5KB |
|
||||
|
||||
</div>
|
||||
|
||||
---
|
||||
|
||||
## 🛠️ **Management**
|
||||
|
||||
<div align="center">
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<th>📦 Update</th>
|
||||
<th>💾 Backup</th>
|
||||
<th>🗑️ Uninstall</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
|
||||
```bash
|
||||
# Update to latest
|
||||
pip install --upgrade SuperClaude
|
||||
SuperClaude update
|
||||
```
|
||||
|
||||
</td>
|
||||
<td>
|
||||
|
||||
```bash
|
||||
# Create backup
|
||||
SuperClaude backup --create
|
||||
|
||||
# Restore backup
|
||||
SuperClaude backup --restore [file]
|
||||
```
|
||||
|
||||
</td>
|
||||
<td>
|
||||
|
||||
```bash
|
||||
# Remove framework
|
||||
SuperClaude uninstall
|
||||
|
||||
# Uninstall package
|
||||
pip uninstall SuperClaude
|
||||
```
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
|
||||
---
|
||||
|
||||
## 🔧 **Troubleshooting**
|
||||
|
||||
<details>
|
||||
<summary><b>❌ PEP 668 Error (Python Package Management)</b></summary>
|
||||
|
||||
This error occurs on systems with externally managed Python environments.
|
||||
|
||||
**Solutions (in order of preference):**
|
||||
|
||||
```bash
|
||||
# Option 1: Use pipx (Recommended)
|
||||
pipx install SuperClaude
|
||||
|
||||
# Option 2: User installation
|
||||
pip install --user SuperClaude
|
||||
|
||||
# Option 3: Virtual environment
|
||||
python3 -m venv superclaude-env
|
||||
source superclaude-env/bin/activate # Linux/macOS
|
||||
# or
|
||||
superclaude-env\Scripts\activate # Windows
|
||||
pip install SuperClaude
|
||||
|
||||
# Option 4: Force (use with caution)
|
||||
pip install --break-system-packages SuperClaude
|
||||
```
|
||||
|
||||
</details>
|
||||
|
||||
<details>
|
||||
<summary><b>❌ Command Not Found</b></summary>
|
||||
|
||||
If `SuperClaude` command is not found after installation:
|
||||
|
||||
```bash
|
||||
# Check if package is installed
|
||||
python3 -m pip show SuperClaude
|
||||
|
||||
# Run using Python module
|
||||
python3 -m SuperClaude install
|
||||
|
||||
# Add to PATH (if using --user)
|
||||
export PATH="$HOME/.local/bin:$PATH"
|
||||
echo 'export PATH="$HOME/.local/bin:$PATH"' >> ~/.bashrc # Linux
|
||||
echo 'export PATH="$HOME/.local/bin:$PATH"' >> ~/.zshrc # macOS
|
||||
```
|
||||
|
||||
</details>
|
||||
|
||||
<details>
|
||||
<summary><b>❌ Claude Code Not Found</b></summary>
|
||||
|
||||
If Claude Code is not installed or not in PATH:
|
||||
|
||||
1. Download from [https://claude.ai/code](https://claude.ai/code)
|
||||
2. Install following platform instructions
|
||||
3. Verify with: `claude --version`
|
||||
4. Restart terminal after installation
|
||||
|
||||
</details>
|
||||
|
||||
<details>
|
||||
<summary><b>❌ Permission Denied</b></summary>
|
||||
|
||||
For permission errors during installation:
|
||||
|
||||
```bash
|
||||
# Use user installation
|
||||
pip install --user SuperClaude
|
||||
|
||||
# Or use sudo (not recommended)
|
||||
sudo pip install SuperClaude
|
||||
|
||||
# Better: use pipx
|
||||
pipx install SuperClaude
|
||||
```
|
||||
|
||||
</details>
|
||||
|
||||
<details>
|
||||
<summary><b>❌ Missing Python or pip</b></summary>
|
||||
|
||||
**Linux (Ubuntu/Debian):**
|
||||
```bash
|
||||
sudo apt update
|
||||
sudo apt install python3 python3-pip python3-venv
|
||||
```
|
||||
|
||||
**macOS:**
|
||||
```bash
|
||||
# Install Homebrew first if needed
|
||||
brew install python3
|
||||
```
|
||||
|
||||
**Windows:**
|
||||
- Download from [python.org](https://python.org)
|
||||
- Check "Add Python to PATH" during installation
|
||||
- Restart terminal after installation
|
||||
|
||||
</details>
|
||||
|
||||
---
|
||||
|
||||
## 📚 **Next Steps**
|
||||
|
||||
<div align="center">
|
||||
|
||||
### **Your Learning Journey**
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<th>🌱 Start Here</th>
|
||||
<th>🌿 Expand Skills</th>
|
||||
<th>🌲 Master Framework</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="top">
|
||||
|
||||
**First Week:**
|
||||
- [Quick Start Guide](quick-start.md)
|
||||
- [Commands Reference](../user-guide/commands.md)
|
||||
- Try `/sc:brainstorm`
|
||||
|
||||
</td>
|
||||
<td valign="top">
|
||||
|
||||
**Week 2-3:**
|
||||
- [Behavioral Modes](../user-guide/modes.md)
|
||||
- [Agents Guide](../user-guide/agents.md)
|
||||
- [Examples Cookbook](../reference/examples-cookbook.md)
|
||||
|
||||
</td>
|
||||
<td valign="top">
|
||||
|
||||
**Advanced:**
|
||||
- [MCP Servers](../user-guide/mcp-servers.md)
|
||||
- [Technical Architecture](../developer-guide/technical-architecture.md)
|
||||
- [Contributing Code](../developer-guide/contributing-code.md)
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
|
||||
---
|
||||
|
||||
<div align="center">
|
||||
|
||||
### **🎉 Installation Complete!**
|
||||
|
||||
You now have access to:
|
||||
|
||||
<p align="center">
|
||||
<b>21 Commands</b> • <b>14 AI Agents</b> • <b>6 Behavioral Modes</b> • <b>6 MCP Servers</b>
|
||||
</p>
|
||||
|
||||
**Ready to start?** Try `/sc:brainstorm` in Claude Code for your first SuperClaude experience!
|
||||
|
||||
<p align="center">
|
||||
<a href="quick-start.md">
|
||||
<img src="https://img.shields.io/badge/📖_Continue_to-Quick_Start_Guide-blue?style=for-the-badge" alt="Quick Start">
|
||||
</a>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
492
docs/getting-started/quick-start.md
Normal file
492
docs/getting-started/quick-start.md
Normal file
@@ -0,0 +1,492 @@
|
||||
<div align="center">
|
||||
|
||||
# 🚀 SuperClaude Quick Start Guide
|
||||
|
||||
### **Context Engineering Framework for Claude Code**
|
||||
|
||||
<p align="center">
|
||||
<img src="https://img.shields.io/badge/Framework-Context_Engineering-purple?style=for-the-badge" alt="Framework">
|
||||
<img src="https://img.shields.io/badge/Version-4.1.5-blue?style=for-the-badge" alt="Version">
|
||||
<img src="https://img.shields.io/badge/Time_to_Start-5_Minutes-green?style=for-the-badge" alt="Quick Start">
|
||||
</p>
|
||||
|
||||
> **💡 Key Insight**: SuperClaude doesn't replace Claude Code - it **configures and enhances** it through behavioral context injection
|
||||
|
||||
<p align="center">
|
||||
<a href="#-how-it-works">How It Works</a> •
|
||||
<a href="#-instant-start">Instant Start</a> •
|
||||
<a href="#-core-components">Components</a> •
|
||||
<a href="#-workflow-patterns">Workflows</a> •
|
||||
<a href="#-when-to-use">When to Use</a>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
---
|
||||
|
||||
<div align="center">
|
||||
|
||||
## 📊 **Framework Capabilities**
|
||||
|
||||
| **Commands** | **AI Agents** | **Behavioral Modes** | **MCP Servers** |
|
||||
|:------------:|:-------------:|:-------------------:|:---------------:|
|
||||
| **21** | **14** | **6** | **6** |
|
||||
| `/sc:` triggers | Domain specialists | Context adaptation | Tool integration |
|
||||
|
||||
</div>
|
||||
|
||||
---
|
||||
|
||||
## 🎯 **How It Works**
|
||||
|
||||
<div align="center">
|
||||
|
||||
### **Framework Architecture Flow**
|
||||
|
||||
```
|
||||
┌─────────────────┐ ┌──────────────────┐ ┌─────────────────┐
|
||||
│ User Input │────>│ Claude Code │────>│ Context Files │
|
||||
│ /sc:command │ │ Reads Context │ │ (.md behaviors)│
|
||||
└─────────────────┘ └──────────────────┘ └─────────────────┘
|
||||
│ │
|
||||
▼ ▼
|
||||
┌─────────────────┐ ┌──────────────────┐ ┌─────────────────┐
|
||||
│ Enhanced │<─────│ Behavioral │<────│ MCP Servers │
|
||||
│ Response │ │ Activation │ │ (if configured) │
|
||||
└─────────────────┘ └──────────────────┘ └─────────────────┘
|
||||
```
|
||||
|
||||
**The Magic**: When you type `/sc:brainstorm`, Claude reads behavioral instructions from installed `.md` files and responds with enhanced capabilities
|
||||
|
||||
</div>
|
||||
|
||||
---
|
||||
|
||||
## ⚡ **Instant Start**
|
||||
|
||||
<div align="center">
|
||||
|
||||
### **5-Minute Journey from Installation to First Command**
|
||||
|
||||
</div>
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<th width="50%">📦 Step 1: Install (Terminal)</th>
|
||||
<th width="50%">💬 Step 2: Use (Claude Code)</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="top">
|
||||
|
||||
```bash
|
||||
# Quick install with pipx
|
||||
pipx install SuperClaude && SuperClaude install
|
||||
|
||||
# Or traditional pip
|
||||
pip install SuperClaude && SuperClaude install
|
||||
|
||||
# Or via npm
|
||||
npm install -g @bifrost_inc/superclaude && superclaude install
|
||||
```
|
||||
|
||||
</td>
|
||||
<td valign="top">
|
||||
|
||||
```text
|
||||
# Interactive discovery
|
||||
/sc:brainstorm "web app for task management"
|
||||
|
||||
# Analyze existing code
|
||||
/sc:analyze src/
|
||||
|
||||
# Generate implementation
|
||||
/sc:implement "user authentication"
|
||||
|
||||
# Activate specialist
|
||||
@agent-security "review auth flow"
|
||||
```
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<details>
|
||||
<summary><b>🎥 What Happens Behind the Scenes</b></summary>
|
||||
|
||||
1. **Context Loading**: Claude Code imports behavioral `.md` files via `CLAUDE.md`
|
||||
2. **Pattern Recognition**: Recognizes `/sc:` and `@agent-` trigger patterns
|
||||
3. **Behavioral Activation**: Applies corresponding instructions from context files
|
||||
4. **MCP Integration**: Uses configured external tools when available
|
||||
5. **Response Enhancement**: Follows framework patterns for comprehensive responses
|
||||
|
||||
</details>
|
||||
|
||||
---
|
||||
|
||||
## 🔧 **Core Components**
|
||||
|
||||
<div align="center">
|
||||
|
||||
### **Four Pillars of SuperClaude**
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<td align="center" width="25%">
|
||||
|
||||
### 📝 **Commands**
|
||||
<h2>21</h2>
|
||||
|
||||
**Slash Commands**
|
||||
|
||||
`/sc:brainstorm`
|
||||
`/sc:implement`
|
||||
`/sc:analyze`
|
||||
`/sc:workflow`
|
||||
|
||||
*Workflow automation*
|
||||
|
||||
</td>
|
||||
<td align="center" width="25%">
|
||||
|
||||
### 🤖 **Agents**
|
||||
<h2>14</h2>
|
||||
|
||||
**AI Specialists**
|
||||
|
||||
`@agent-architect`
|
||||
`@agent-security`
|
||||
`@agent-frontend`
|
||||
`@agent-backend`
|
||||
|
||||
*Domain expertise*
|
||||
|
||||
</td>
|
||||
<td align="center" width="25%">
|
||||
|
||||
### 🎯 **Modes**
|
||||
<h2>6</h2>
|
||||
|
||||
**Behavioral Modes**
|
||||
|
||||
Brainstorming
|
||||
Introspection
|
||||
Orchestration
|
||||
Task Management
|
||||
|
||||
*Context adaptation*
|
||||
|
||||
</td>
|
||||
<td align="center" width="25%">
|
||||
|
||||
### 🔌 **MCP**
|
||||
<h2>6</h2>
|
||||
|
||||
**Server Integration**
|
||||
|
||||
Context7 (docs)
|
||||
Sequential (analysis)
|
||||
Magic (UI)
|
||||
Playwright (testing)
|
||||
|
||||
*Enhanced tools*
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
|
||||
---
|
||||
|
||||
## 📚 **Workflow Patterns**
|
||||
|
||||
<div align="center">
|
||||
|
||||
### **Complete Development Lifecycle**
|
||||
|
||||
</div>
|
||||
|
||||
### **🌟 First Project Session**
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<th>Step</th>
|
||||
<th>Command</th>
|
||||
<th>What Happens</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><b>1. Discovery</b></td>
|
||||
<td><code>/sc:brainstorm "e-commerce app"</code></td>
|
||||
<td>Interactive requirements exploration</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><b>2. Load Context</b></td>
|
||||
<td><code>/sc:load src/</code></td>
|
||||
<td>Import existing project structure</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><b>3. Analysis</b></td>
|
||||
<td><code>/sc:analyze --focus architecture</code></td>
|
||||
<td>Deep architectural review</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><b>4. Planning</b></td>
|
||||
<td><code>/sc:workflow "payment integration"</code></td>
|
||||
<td>Generate implementation roadmap</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><b>5. Implementation</b></td>
|
||||
<td><code>/sc:implement "Stripe checkout"</code></td>
|
||||
<td>Build with best practices</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><b>6. Validation</b></td>
|
||||
<td><code>/sc:test --coverage</code></td>
|
||||
<td>Comprehensive testing</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><b>7. Save Session</b></td>
|
||||
<td><code>/sc:save "payment-complete"</code></td>
|
||||
<td>Persist for next session</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
### **🎨 Domain-Specific Workflows**
|
||||
|
||||
<div align="center">
|
||||
|
||||
| Domain | Trigger | Specialist Activation | MCP Server |
|
||||
|--------|---------|----------------------|------------|
|
||||
| **Frontend** | UI component request | `@agent-frontend` | Magic |
|
||||
| **Backend** | API endpoint creation | `@agent-backend` | Sequential |
|
||||
| **Security** | Auth implementation | `@agent-security` | Context7 |
|
||||
| **Testing** | E2E test scenarios | `@agent-qa` | Playwright |
|
||||
| **DevOps** | Deployment setup | `@agent-devops` | Morphllm |
|
||||
|
||||
</div>
|
||||
|
||||
---
|
||||
|
||||
## 🎯 **When to Use**
|
||||
|
||||
<div align="center">
|
||||
|
||||
### **SuperClaude vs Standard Claude Code**
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<th width="50%">✅ Use SuperClaude</th>
|
||||
<th width="50%">💭 Use Standard Claude</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="top">
|
||||
|
||||
**Perfect for:**
|
||||
- 🏗️ Building complete software projects
|
||||
- 📊 Systematic workflows with quality gates
|
||||
- 🔄 Complex, multi-component systems
|
||||
- 💾 Long-term projects needing persistence
|
||||
- 👥 Team collaboration with standards
|
||||
- 🎯 Domain-specific expertise needs
|
||||
|
||||
**Examples:**
|
||||
- "Build a full-stack application"
|
||||
- "Implement secure authentication"
|
||||
- "Refactor legacy codebase"
|
||||
- "Create comprehensive test suite"
|
||||
|
||||
</td>
|
||||
<td valign="top">
|
||||
|
||||
**Better for:**
|
||||
- 💡 Simple questions or explanations
|
||||
- ⚡ One-off coding tasks
|
||||
- 📚 Learning programming concepts
|
||||
- 🧪 Quick prototypes or experiments
|
||||
- 🔍 Code snippet generation
|
||||
- ❓ General programming help
|
||||
|
||||
**Examples:**
|
||||
- "Explain how async/await works"
|
||||
- "Write a sorting function"
|
||||
- "Debug this error message"
|
||||
- "Convert this loop to functional"
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
|
||||
---
|
||||
|
||||
## 🎓 **Learning Path**
|
||||
|
||||
<div align="center">
|
||||
|
||||
### **Your 4-Week Journey to Mastery**
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<th>Week</th>
|
||||
<th>Focus</th>
|
||||
<th>Skills</th>
|
||||
<th>Milestone</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center"><b>1</b><br/>🌱</td>
|
||||
<td><b>Core Commands</b></td>
|
||||
<td>
|
||||
• <code>/sc:brainstorm</code><br/>
|
||||
• <code>/sc:analyze</code><br/>
|
||||
• <code>/sc:implement</code>
|
||||
</td>
|
||||
<td>Complete first project</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center"><b>2</b><br/>🌿</td>
|
||||
<td><b>Behavioral Modes</b></td>
|
||||
<td>
|
||||
• Mode combinations<br/>
|
||||
• Flag usage<br/>
|
||||
• Context optimization
|
||||
</td>
|
||||
<td>Optimize workflows</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center"><b>3</b><br/>🌿</td>
|
||||
<td><b>MCP Servers</b></td>
|
||||
<td>
|
||||
• Server configuration<br/>
|
||||
• Tool integration<br/>
|
||||
• Enhanced capabilities
|
||||
</td>
|
||||
<td>Full tool utilization</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center"><b>4</b><br/>🌲</td>
|
||||
<td><b>Advanced Patterns</b></td>
|
||||
<td>
|
||||
• Custom workflows<br/>
|
||||
• Session management<br/>
|
||||
• Team patterns
|
||||
</td>
|
||||
<td>Framework mastery</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
|
||||
---
|
||||
|
||||
## 💡 **Key Insights**
|
||||
|
||||
<div align="center">
|
||||
|
||||
### **Understanding SuperClaude's Value**
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<td width="33%" align="center">
|
||||
|
||||
### 🧠 **Not Software**
|
||||
**It's a Framework**
|
||||
|
||||
SuperClaude is behavioral configuration, not standalone software. Everything runs through Claude Code.
|
||||
|
||||
</td>
|
||||
<td width="33%" align="center">
|
||||
|
||||
### 🔄 **Systematic**
|
||||
**Not Ad-hoc**
|
||||
|
||||
Transforms random requests into structured workflows with quality gates and validation.
|
||||
|
||||
</td>
|
||||
<td width="33%" align="center">
|
||||
|
||||
### 🚀 **Progressive**
|
||||
**Not Complex**
|
||||
|
||||
Start simple with basic commands. Complexity emerges naturally as needed.
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
|
||||
---
|
||||
|
||||
## 📖 **Next Steps**
|
||||
|
||||
<div align="center">
|
||||
|
||||
### **Continue Your Learning Journey**
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<th>🌱 Beginner</th>
|
||||
<th>🌿 Intermediate</th>
|
||||
<th>🌲 Advanced</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="top">
|
||||
|
||||
**First Week:**
|
||||
- [Installation Guide](installation.md)
|
||||
- [Commands Reference](../user-guide/commands.md)
|
||||
- [Examples Cookbook](../reference/examples-cookbook.md)
|
||||
|
||||
Start with `/sc:brainstorm`
|
||||
|
||||
</td>
|
||||
<td valign="top">
|
||||
|
||||
**Growing Skills:**
|
||||
- [Behavioral Modes](../user-guide/modes.md)
|
||||
- [Agents Guide](../user-guide/agents.md)
|
||||
- [Session Management](../user-guide/session-management.md)
|
||||
|
||||
Explore mode combinations
|
||||
|
||||
</td>
|
||||
<td valign="top">
|
||||
|
||||
**Expert Usage:**
|
||||
- [MCP Servers](../user-guide/mcp-servers.md)
|
||||
- [Technical Architecture](../developer-guide/technical-architecture.md)
|
||||
- [Contributing](../developer-guide/contributing-code.md)
|
||||
|
||||
Create custom workflows
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<p align="center">
|
||||
<a href="../user-guide/commands.md">
|
||||
<img src="https://img.shields.io/badge/📚_Explore-All_21_Commands-blue?style=for-the-badge" alt="Commands">
|
||||
</a>
|
||||
<a href="../reference/examples-cookbook.md">
|
||||
<img src="https://img.shields.io/badge/🍳_Try-Real_Examples-green?style=for-the-badge" alt="Examples">
|
||||
</a>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
---
|
||||
|
||||
<div align="center">
|
||||
|
||||
### **🎉 Ready to Transform Your Development Workflow?**
|
||||
|
||||
<p align="center">
|
||||
<b>Start now with</b> <code>/sc:brainstorm</code> <b>in Claude Code!</b>
|
||||
</p>
|
||||
|
||||
<p align="center">
|
||||
<sub>SuperClaude v4.1.5 - Context Engineering for Claude Code</sub>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
Reference in New Issue
Block a user