Skip to content

Commit 296c819

Browse files
d6veterand6veteran
authored
Add files via upload
1 parent 18a6090 commit 296c819

4 files changed

Lines changed: 910 additions & 0 deletions

File tree

‎docs.html‎

Lines changed: 132 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,132 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Get Started — Code Katz</title>
7+
<link rel="preconnect" href="https://fonts.googleapis.com">
8+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
9+
<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">
10+
<link rel="stylesheet" href="style.css">
11+
</head>
12+
<body>
13+
14+
<nav class="nav">
15+
<a href="index.html" class="nav-logo">
16+
<img src="https://github.com/code-katz/.github/blob/main/media/logos/icon-stacked.png?raw=true" alt="Code Katz" class="nav-logo-img">
17+
<span class="nav-brand">Code Katz</span>
18+
</a>
19+
<div class="nav-links">
20+
<a href="index.html" class="nav-link">Home</a>
21+
<a href="tools.html" class="nav-link">Tools</a>
22+
<a href="docs.html" class="nav-link active">Get Started</a>
23+
<a href="https://github.com/code-katz" class="nav-link nav-gh" target="_blank" rel="noopener">
24+
<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>
25+
</a>
26+
</div>
27+
</nav>
28+
29+
<section class="page-header">
30+
<h1 class="page-title">Get Started</h1>
31+
<p class="page-sub">Pick any tool and install it in under a minute. They all work independently or together.</p>
32+
</section>
33+
34+
<section class="docs-content">
35+
36+
<div class="docs-section">
37+
<h2>Prerequisites</h2>
38+
<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>
39+
<div class="prereq-list">
40+
<div class="prereq">
41+
<span class="prereq-check">✓</span>
42+
<div>
43+
<strong>Claude Code</strong> installed via VS Code extension or CLI
44+
</div>
45+
</div>
46+
<div class="prereq">
47+
<span class="prereq-check">✓</span>
48+
<div>
49+
<strong>An active Anthropic subscription</strong> (Pro, Max, or API key)
50+
</div>
51+
</div>
52+
<div class="prereq">
53+
<span class="prereq-check">✓</span>
54+
<div>
55+
<strong>A terminal</strong> — macOS, Linux, or WSL on Windows
56+
</div>
57+
</div>
58+
</div>
59+
</div>
60+
61+
<div class="docs-section">
62+
<h2>Quick Install — Custom Skills</h2>
63+
<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>
64+
<div class="code-block">
65+
<div class="code-header">
66+
<span class="code-lang">bash</span>
67+
<span class="code-label">Install any skill</span>
68+
</div>
69+
<pre><code><span class="c"># Clone the skill into your project's .claude directory</span>
70+
<span class="k">git clone</span> https://github.com/code-katz/<span class="v">&lt;skill-name&gt;</span> \
71+
.claude/skills/<span class="v">&lt;skill-name&gt;</span>
72+
73+
<span class="c"># Example: install the Devlog skill</span>
74+
<span class="k">git clone</span> https://github.com/code-katz/claude-devlog-skill \
75+
.claude/skills/claude-devlog-skill</code></pre>
76+
</div>
77+
<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>
78+
</div>
79+
80+
<div class="docs-section">
81+
<h2>Quick Install — CLI Tools</h2>
82+
<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>
83+
<div class="code-block">
84+
<div class="code-header">
85+
<span class="code-lang">bash</span>
86+
<span class="code-label">Team CLI</span>
87+
</div>
88+
<pre><code><span class="k">git clone</span> https://github.com/code-katz/claude-team-cli
89+
<span class="k">cd</span> claude-team-cli
90+
<span class="k">./install.sh</span></code></pre>
91+
</div>
92+
<div class="code-block">
93+
<div class="code-header">
94+
<span class="code-lang">bash</span>
95+
<span class="code-label">Conductor</span>
96+
</div>
97+
<pre><code><span class="k">git clone</span> https://github.com/code-katz/claude-conductor
98+
<span class="k">cd</span> claude-conductor
99+
<span class="k">./install.sh</span></code></pre>
100+
</div>
101+
</div>
102+
103+
<div class="docs-section">
104+
<h2>What's Next?</h2>
105+
<p>Each tool's GitHub repo has its own detailed README and <code>SKILL.md</code>. Here are some good starting points:</p>
106+
<div class="next-links">
107+
<a href="https://github.com/code-katz/claude-devlog-skill" target="_blank" rel="noopener" class="next-link" style="--accent: #6a9bcc;">
108+
Start logging decisions with <code>Devlog</code> →
109+
</a>
110+
<a href="https://github.com/code-katz/claude-team-cli" target="_blank" rel="noopener" class="next-link" style="--accent: #d97757;">
111+
Set up multi-agent sessions with <code>Team CLI</code> →
112+
</a>
113+
<a href="https://github.com/code-katz/claude-conductor" target="_blank" rel="noopener" class="next-link" style="--accent: #d4a843;">
114+
Orchestrate parallel work with <code>Conductor</code> →
115+
</a>
116+
</div>
117+
</div>
118+
119+
</section>
120+
121+
<footer class="footer">
122+
<div class="footer-inner">
123+
<span class="footer-brand">Code Katz</span>
124+
<span class="footer-sep">&bull;</span>
125+
<a href="https://github.com/code-katz" target="_blank" rel="noopener">GitHub</a>
126+
<span class="footer-sep">&bull;</span>
127+
<span>An independent community project</span>
128+
</div>
129+
</footer>
130+
131+
</body>
132+
</html>

‎index.html‎

Lines changed: 101 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,101 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Code Katz — Claude Code Productivity Tools</title>
7+
<link rel="preconnect" href="https://fonts.googleapis.com">
8+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
9+
<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">
10+
<link rel="stylesheet" href="style.css">
11+
</head>
12+
<body>
13+
14+
<nav class="nav">
15+
<a href="index.html" class="nav-logo">
16+
<img src="https://github.com/code-katz/.github/blob/main/media/logos/icon-stacked.png?raw=true" alt="Code Katz" class="nav-logo-img">
17+
<span class="nav-brand">Code Katz</span>
18+
</a>
19+
<div class="nav-links">
20+
<a href="index.html" class="nav-link active">Home</a>
21+
<a href="tools.html" class="nav-link">Tools</a>
22+
<a href="docs.html" class="nav-link">Get Started</a>
23+
<a href="https://github.com/code-katz" class="nav-link nav-gh" target="_blank" rel="noopener">
24+
<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>
25+
</a>
26+
</div>
27+
</nav>
28+
29+
<section class="hero">
30+
<div class="hero-inner">
31+
<div class="hero-badge">open source &bull; claude code &bull; productivity</div>
32+
<h1 class="hero-title">
33+
Your Claude Code sessions<br>
34+
deserve a <span class="hero-highlight">support crew</span>.
35+
</h1>
36+
<p class="hero-sub">
37+
Code Katz is a suite of seven tools that give your Claude Code workflow
38+
orchestration, logging, planning, and publishing superpowers.
39+
</p>
40+
<div class="hero-actions">
41+
<a href="docs.html" class="btn btn-primary">Get Started</a>
42+
<a href="tools.html" class="btn btn-secondary">Explore Tools</a>
43+
</div>
44+
</div>
45+
46+
<div class="hero-cats">
47+
<div class="cat-float" style="--delay: 0s; --accent: #d97757;">🐱</div>
48+
<div class="cat-float" style="--delay: 0.3s; --accent: #d4a843;">🐱</div>
49+
<div class="cat-float" style="--delay: 0.6s; --accent: #6a9bcc;">🐱</div>
50+
<div class="cat-float" style="--delay: 0.9s; --accent: #788c5d;">🐱</div>
51+
<div class="cat-float" style="--delay: 1.2s; --accent: #8b7eb8;">🐱</div>
52+
<div class="cat-float" style="--delay: 1.5s; --accent: #7ab5b0;">🐱</div>
53+
<div class="cat-float" style="--delay: 1.8s; --accent: #c4a882;">🐱</div>
54+
</div>
55+
</section>
56+
57+
<section class="tools-preview">
58+
<h2 class="section-title">Seven tools. One suite.</h2>
59+
<div class="tool-strip">
60+
<a href="tools.html" class="tool-chip" style="--accent: #d97757;"><code>Team CLI</code></a>
61+
<a href="tools.html" class="tool-chip" style="--accent: #d4a843;"><code>Conductor</code></a>
62+
<a href="tools.html" class="tool-chip" style="--accent: #6a9bcc;"><code>Devlog</code></a>
63+
<a href="tools.html" class="tool-chip" style="--accent: #788c5d;"><code>Roadmap</code></a>
64+
<a href="tools.html" class="tool-chip" style="--accent: #8b7eb8;"><code>Publish</code></a>
65+
<a href="tools.html" class="tool-chip" style="--accent: #7ab5b0;"><code>Plans</code></a>
66+
<a href="tools.html" class="tool-chip" style="--accent: #c4a882;"><code>Todo</code></a>
67+
</div>
68+
</section>
69+
70+
<section class="why">
71+
<div class="why-grid">
72+
<div class="why-card">
73+
<div class="why-icon">⚡</div>
74+
<h3>Run 6+ sessions at once</h3>
75+
<p>Named specialist personas (Akira, Sasha, Quinn…) tackle parallel workstreams while Conductor tracks them all.</p>
76+
</div>
77+
<div class="why-card">
78+
<div class="why-icon">📓</div>
79+
<h3>Never lose a decision</h3>
80+
<p>Devlog captures architectural choices, milestones, and takeaways in a structured changelog — automatically.</p>
81+
</div>
82+
<div class="why-card">
83+
<div class="why-icon">🚀</div>
84+
<h3>Ship, don't just code</h3>
85+
<p>From planning to publishing, the suite covers the full lifecycle so your ideas actually reach people.</p>
86+
</div>
87+
</div>
88+
</section>
89+
90+
<footer class="footer">
91+
<div class="footer-inner">
92+
<span class="footer-brand">Code Katz</span>
93+
<span class="footer-sep">&bull;</span>
94+
<a href="https://github.com/code-katz" target="_blank" rel="noopener">GitHub</a>
95+
<span class="footer-sep">&bull;</span>
96+
<span>An independent community project</span>
97+
</div>
98+
</footer>
99+
100+
</body>
101+
</html>

0 commit comments

Comments
 (0)