-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathdocs.html
More file actions
132 lines (121 loc) · 6.29 KB
/
docs.html
File metadata and controls
132 lines (121 loc) · 6.29 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Get Started — Code Katz</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&family=Lora:ital,wght@0,400;0,500;1,400&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>
<nav class="nav">
<a href="index.html" class="nav-logo">
<img src="https://github.com/code-katz/.github/blob/main/media/logos/flavicon.png?raw=true" alt="Code Katz" class="nav-logo-img">
<span class="nav-brand">Code Katz</span>
</a>
<div class="nav-links">
<a href="index.html" class="nav-link">Home</a>
<a href="tools.html" class="nav-link">Tools</a>
<a href="docs.html" class="nav-link active">Get Started</a>
<a href="https://github.com/code-katz" class="nav-link nav-gh" target="_blank" rel="noopener">
<svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z"/></svg>
</a>
</div>
</nav>
<section class="page-header">
<h1 class="page-title">Get Started</h1>
<p class="page-sub">Pick any tool and install it in under a minute. They all work independently or together.</p>
</section>
<section class="docs-content">
<div class="docs-section">
<h2>Prerequisites</h2>
<p>All Code Katz tools are designed for <a href="https://docs.anthropic.com/en/docs/claude-code" target="_blank" rel="noopener">Claude Code</a>, Anthropic's agentic coding tool. You'll need:</p>
<div class="prereq-list">
<div class="prereq">
<span class="prereq-check">✓</span>
<div>
<strong>Claude Code</strong> installed via VS Code extension or CLI
</div>
</div>
<div class="prereq">
<span class="prereq-check">✓</span>
<div>
<strong>An active Anthropic subscription</strong> (Pro, Max, or API key)
</div>
</div>
<div class="prereq">
<span class="prereq-check">✓</span>
<div>
<strong>A terminal</strong> — macOS, Linux, or WSL on Windows
</div>
</div>
</div>
</div>
<div class="docs-section">
<h2>Quick Install — Custom Skills</h2>
<p>Most Code Katz tools are <strong>Claude Code custom skills</strong> — drop-in folders that extend what Claude Code can do. Installation is the same for all of them:</p>
<div class="code-block">
<div class="code-header">
<span class="code-lang">bash</span>
<span class="code-label">Install any skill</span>
</div>
<pre><code><span class="c"># Clone the skill into your project's .claude directory</span>
<span class="k">git clone</span> https://github.com/code-katz/<span class="v"><skill-name></span> \
.claude/skills/<span class="v"><skill-name></span>
<span class="c"># Example: install the Devlog skill</span>
<span class="k">git clone</span> https://github.com/code-katz/claude-devlog-skill \
.claude/skills/claude-devlog-skill</code></pre>
</div>
<p>That's it. Claude Code will automatically detect the <code>SKILL.md</code> file and the skill becomes available in your next session.</p>
</div>
<div class="docs-section">
<h2>Quick Install — CLI Tools</h2>
<p>The CLI tools (<code class="accent-rust">claude-team-cli</code> and <code class="accent-gold">claude-conductor</code>) have their own install scripts:</p>
<div class="code-block">
<div class="code-header">
<span class="code-lang">bash</span>
<span class="code-label">Team CLI</span>
</div>
<pre><code><span class="k">git clone</span> https://github.com/code-katz/claude-team-cli
<span class="k">cd</span> claude-team-cli
<span class="k">./install.sh</span></code></pre>
</div>
<div class="code-block">
<div class="code-header">
<span class="code-lang">bash</span>
<span class="code-label">Conductor</span>
</div>
<pre><code><span class="k">git clone</span> https://github.com/code-katz/claude-conductor
<span class="k">cd</span> claude-conductor
<span class="k">./install.sh</span></code></pre>
</div>
</div>
<div class="docs-section">
<h2>What's Next?</h2>
<p>Each tool's GitHub repo has its own detailed README and <code>SKILL.md</code>. Here are some good starting points:</p>
<div class="next-links">
<a href="https://github.com/code-katz/claude-devlog-skill" target="_blank" rel="noopener" class="next-link" style="--accent: #6a9bcc;">
Start logging decisions with <code>Devlog</code> →
</a>
<a href="https://github.com/code-katz/claude-team-cli" target="_blank" rel="noopener" class="next-link" style="--accent: #d97757;">
Set up multi-agent sessions with <code>Team CLI</code> →
</a>
<a href="https://github.com/code-katz/claude-conductor" target="_blank" rel="noopener" class="next-link" style="--accent: #d4a843;">
Orchestrate parallel work with <code>Conductor</code> →
</a>
</div>
</div>
</section>
<footer class="footer">
<div class="footer-inner">
<span class="footer-brand">Code Katz</span>
<span class="footer-sep">•</span>
<a href="https://github.com/code-katz" target="_blank" rel="noopener">GitHub</a>
<span class="footer-sep">•</span>
<span>An independent community project</span>
</div>
</footer>
</body>
</html>