harness-toolkit/wiki.html at main · ahkow35/harness-toolkit · GitHub

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
133
134
135
136
137
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>For Claude Code Users — Harness Toolkit</title>
  <link rel="stylesheet" href="shared.css">
  <style>
    .code-inline {
      background: var(--cream-deep);
      padding: 2px 8px;
      border-radius: 0;
      font-size: 13px;
      font-family: 'Inter', monospace;
      color: var(--ink);
    }
    .ritual-block {
      background: var(--cream-deep);
      border-left: 2px solid var(--taupe);
      padding: 24px 28px;
      font-family: 'Inter', monospace;
      font-size: 13px;
      color: var(--ink-soft);
      line-height: 1.9;
      margin-top: 16px;
      max-width: 640px;
    }
    .ritual-block .ritual-head {
      font-family: 'Cormorant Garamond', serif;
      font-size: 15px;
      font-style: italic;
      color: var(--taupe-deep);
      margin-bottom: 8px;
      letter-spacing: 0;
    }
    .wiki-section a.inline-link {
      color: var(--ink);
      border-bottom: 1px solid var(--taupe);
      text-decoration: none;
      font-weight: 500;
      transition: color .15s, border-color .15s;
    }
    .wiki-section a.inline-link:hover {
      color: var(--taupe-deep);
      border-bottom-color: var(--taupe-deep);
    }
  </style>
</head>
<body>

  <div class="page-wrap">

    <div class="masthead">
      <div class="masthead-brand">Harness Toolkit</div>
      <div class="masthead-meta">For Claude Code users</div>
    </div>

    <div>
      <div class="eyebrow">Claude Code · Developer setup</div>
      <h1 class="hero-title">Build your <em>own wiki</em>.</h1>
      <p class="hero-sub">A file-based knowledge system that Claude Code reads at the start of every session. Four short steps, and an optional fifth for those who prefer a proper library.</p>
    </div>

    <div class="gate-warning" style="margin-bottom: 8px;">
      <div class="gate-warning-title">This page is for Claude Code users only</div>
      <div class="gate-warning-text">
        <strong>Claude Desktop</strong> is the app you download and use in your browser or as a standalone — it reads your Custom Instructions automatically. If that's you, <a href="index.html" style="color:var(--ink);border-bottom:1px solid var(--taupe);text-decoration:none;font-weight:500;">go back to the main tool</a>.<br><br>
        <strong>Claude Code</strong> is a separate developer tool you run in the Terminal. It reads config files like <code class="code-inline">CLAUDE.md</code> directly from your file system. Setting it up requires comfort with the Terminal.
      </div>
    </div>

    <div class="wiki-section">
      <h2>What you are building</h2>
      <p>A folder on your computer that acts as Claude's long-term memory. At the start of each session, Claude reads your wiki and knows your context, preferences, and ongoing projects — without you having to explain anything.</p>
      <p>Your wiki has three layers: a <strong>CLAUDE.md</strong> file (core instructions), a <strong>working-rules.md</strong> file (how you like to work), and an optional <strong>Obsidian vault</strong> (a full knowledge base with notes, projects, and session summaries).</p>
    </div>

    <div class="wiki-section">
      <h2>01 · Create your CLAUDE.md</h2>
      <p>This file lives in your project's root folder. Claude Code reads it automatically at session start. It is the equivalent of Custom Instructions, but more powerful — you can include anything.</p>
      <p>Open Terminal, navigate to your project folder with <code class="code-inline">cd ~/your-project-folder</code>, then download the templates below and save them alongside. Open each one in any text editor and fill in your details.</p>
      <div style="margin-top: 20px;">
        <a class="download-btn" href="templates/CLAUDE.md.template" download="CLAUDE.md">⬇ CLAUDE.md template</a>
        <a class="download-btn" href="templates/working-rules.md.template" download="working-rules.md">⬇ working-rules.md template</a>
      </div>
    </div>

    <div class="wiki-section">
      <h2>02 · Create your identity file</h2>
      <p>A short file about you — your role, businesses, working style, and preferences. Claude reads this to understand who it is talking to.</p>
      <div style="margin-top: 20px;">
        <a class="download-btn" href="templates/identity.md.template" download="identity.md">⬇ identity.md template</a>
      </div>
    </div>

    <div class="wiki-section">
      <h2>03 · Start a lessons log</h2>
      <p>A running file where Claude notes corrections and what is working. At the start of each session, Claude reads this and does not repeat past mistakes.</p>
      <div style="margin-top: 20px;">
        <a class="download-btn" href="templates/lessons.md.template" download="lessons.md">⬇ lessons.md template</a>
      </div>
    </div>

    <div class="wiki-section">
      <h2>04 · Optional — Set up Obsidian</h2>
      <p><a class="inline-link" href="https://obsidian.md" target="_blank" rel="noopener">Obsidian</a> is a free application for managing a linked notes vault. When wired to Claude Code, it becomes a persistent knowledge base — projects, decisions, session summaries, and domain knowledge all in one place.</p>
      <ul>
        <li>Download Obsidian from obsidian.md (free)</li>
        <li>Create a new vault — name it whatever you like</li>
        <li>Add a <code class="code-inline">system/index.md</code> file as your wiki home</li>
        <li>Tell Claude Code where the vault lives in your CLAUDE.md</li>
        <li>At session start, Claude reads the index and navigates to what is relevant</li>
      </ul>
    </div>

    <div class="wiki-section">
      <h2>The session ritual</h2>
      <p>Add the following block to your CLAUDE.md so Claude knows what to do at the start of every session.</p>
      <div class="ritual-block">
        <div class="ritual-head">Session start</div>
        1. Read system/index.md to orient<br>
        2. Read rules/working-rules.md<br>
        3. Read system/lessons.md<br>
        4. Read the relevant projects/[name].md before doing any work
      </div>
    </div>

    <div class="footer-links" style="margin-top: 48px;">
      <span>© Harness Toolkit · Prepared 2026</span>
      <span><a href="index.html">← Back to main tool</a></span>
    </div>

  </div>

  <script src="tracking.js"></script>
</body>
</html>