public/tutorials
1
0
Fork 0
Code Actions Activity

refactor(agentic-guide): lead with Get started and How setup works; move concept sections after
Deploy / deploy (push) Successful in 0s
Details

Browse Source
This commit is contained in:
Pouya
2026-06-04 17:19:16 +02:00
parent 65e74096f1
commit 7964d0ac43
1 changed files with 140 additions and 137 deletions
Download Patch File Download Diff File Expand all files Collapse all files
agentic-setup/agentic-setup-overview.html
+140 -137
View File
@@ -729,13 +729,13 @@ footer .sig .dot{width:6px;height:6px;border-radius:50%;background:var(--accent)
<nav class="compass" aria-label="Jump to a section" <nav class="compass" aria-label="Jump to a section"
data-en-aria="Jump to a section" data-de-aria="Zu einem Abschnitt springen"> data-en-aria="Jump to a section" data-de-aria="Zu einem Abschnitt springen">
<a href="#what"><span class="n">1</span> <span data-i18n data-en="What it is" data-de="Was es ist">What it is</span></a> <a href="#what"><span class="n">1</span> <span data-i18n data-en="What it is" data-de="Was es ist">What it is</span></a>
<a href="#pillars"><span class="n">2</span> <span data-i18n data-en="Five pillars" data-de="Fünf Säulen">Five pillars</span></a>
<a href="#roster"><span class="n">3</span> <span data-i18n data-en="The roster" data-de="Das Team">The roster</span></a>
<a href="#loop"><span class="n">4</span> <span data-i18n data-en="The loop" data-de="Der Kreislauf">The loop</span></a>
<a href="#memory"><span class="n">5</span> <span data-i18n data-en="Memory" data-de="Gedächtnis">Memory</span></a>
<a href="#setup"><span class="n">6</span> <span data-i18n data-en="Setup" data-de="Setup">Setup</span></a>
<a href="#principles"><span class="n">7</span> <span data-i18n data-en="Do &amp; avoid" data-de="Tun &amp; meiden">Do &amp; avoid</span></a>
<a href="#get-started"><span class="n" aria-hidden="true">&rarr;</span> <span data-i18n data-en="Get started" data-de="Loslegen">Get started</span></a> <a href="#get-started"><span class="n" aria-hidden="true">&rarr;</span> <span data-i18n data-en="Get started" data-de="Loslegen">Get started</span></a>
<a href="#setup"><span class="n">2</span> <span data-i18n data-en="Setup" data-de="Setup">Setup</span></a>
<a href="#pillars"><span class="n">3</span> <span data-i18n data-en="Five pillars" data-de="Fünf Säulen">Five pillars</span></a>
<a href="#roster"><span class="n">4</span> <span data-i18n data-en="The roster" data-de="Das Team">The roster</span></a>
<a href="#loop"><span class="n">5</span> <span data-i18n data-en="The loop" data-de="Der Kreislauf">The loop</span></a>
<a href="#memory"><span class="n">6</span> <span data-i18n data-en="Memory" data-de="Gedächtnis">Memory</span></a>
<a href="#principles"><span class="n">7</span> <span data-i18n data-en="Do &amp; avoid" data-de="Tun &amp; meiden">Do &amp; avoid</span></a>
</nav> </nav>
</header> </header>
@@ -795,10 +795,136 @@ footer .sig .dot{width:6px;height:6px;border-radius:50%;background:var(--accent)
</div> </div>
</section> </section>
<!-- ============================ SECTION 2 ============================ -->
<section id="pillars" aria-labelledby="s2-h"> <!-- ============================ GET STARTED (moved up, un-numbered accent CTA) ============================ -->
<!-- ----- concrete next step: get the setup doc + the command ----- -->
<div class="getstarted reveal" id="get-started" aria-labelledby="gs-h">
<span class="gsk">
<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6"/></svg>
<span data-i18n data-en="Start here" data-de="Hier starten">Start here</span>
</span>
<h3 id="gs-h" data-i18n data-en="Get started" data-de="Loslegen">Get started</h3>
<p class="gslede" data-i18n
data-en="This page is the <b>what &amp; why</b>. This guide <b>ships with a companion setup doc</b> for your Claude&nbsp;Code — a single Markdown file, <code>agentic-setup-bootstrap.md</code>, that it <b>reads and executes</b> to scaffold the repo, interview you, and stand up your first agents."
data-de="Diese Seite ist das <b>Was &amp; Warum</b>. Zu diesem Leitfaden gehört eine <b>begleitende Setup-Anleitung</b> für deine Claude&nbsp;Code — eine einzelne Markdown-Datei, <code>agentic-setup-bootstrap.md</code>, die sie <b>liest und ausführt</b>, um das Repo anzulegen, dich zu befragen und deine ersten Agenten aufzustellen.">This page is the <b>what &amp; why</b>. This guide <b>ships with a companion setup doc</b> for your Claude&nbsp;Code — a single Markdown file, <code>agentic-setup-bootstrap.md</code>, that it <b>reads and executes</b> to scaffold the repo, interview you, and stand up your first agents.</p>
<!-- Prominent download. Deliberately OUTSIDE any data-i18n node: the language
script replaces innerHTML on swap, which would wipe a button nested inside a
translated span (that was the earlier disappearing-button bug). -->
<a class="dl" href="https://git.pouya.duckdns.org/public/tutorials/src/branch/main/agentic-setup/agentic-setup-bootstrap.md" target="_blank" rel="noopener"
data-en-aria="Get the setup doc — agentic-setup-bootstrap.md (opens in the repo)"
data-de-aria="Setup-Anleitung holen — agentic-setup-bootstrap.md (öffnet im Repo)"
aria-label="Get the setup doc — agentic-setup-bootstrap.md (opens in the repo)">
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3v12m0 0l-4-4m4 4l4-4M5 21h14"/></svg>
<span class="dl-main">
<span class="dl-label" data-i18n data-en="Get the setup doc" data-de="Setup-Anleitung holen">Get the setup doc</span>
<span class="dl-file">agentic-setup-bootstrap.md &rarr;</span>
</span>
</a>
<ol class="gssteps">
<li>
<div class="gs-c">
<span data-i18n
data-en="<b>Save it where your Claude Code can read it</b> — your project folder, or your home directory (<code>~/</code>)."
data-de="<b>Speichere sie dort, wo deine Claude Code sie lesen kann</b> — in deinem Projektordner oder in deinem Home-Verzeichnis (<code>~/</code>)."><b>Save it where your Claude Code can read it</b> — your project folder, or your home directory (<code>~/</code>).</span>
</div>
</li>
<li>
<div class="gs-c">
<span data-i18n
data-en="<b>Give Claude Code this instruction</b> and let it take it from there:"
data-de="<b>Gib Claude Code diese Anweisung</b> und lass sie ab da übernehmen:"><b>Give Claude Code this instruction</b> and let it take it from there:</span>
<code class="cmd"><span class="cprompt" aria-hidden="true">&gt;</span>Read agentic-setup-bootstrap.md and set up my agentic environment.</code>
</div>
</li>
</ol>
</div>
<!-- ============================ SECTION 2 — HOW SETUP WORKS ============================ -->
<section id="setup" aria-labelledby="s6-h">
<div class="sec-head"> <div class="sec-head">
<span class="tag">2</span> <span class="tag">2</span>
<h2 id="s6-h" data-i18n data-en="How setup works" data-de="Wie das Setup abläuft">How setup works</h2>
<p class="note" data-i18n
data-en="You don't build it all at once. You grow it as real friction tells you to."
data-de="Du baust nicht alles auf einmal. Du lässt es wachsen, wenn echte Reibung es dir sagt.">You don't build it all at once. You grow it as real friction tells you to.</p>
</div>
<ol class="setup" style="list-style:none;margin:0;padding:0">
<span class="sline" aria-hidden="true"></span>
<li class="sstep reveal">
<span class="dot num" aria-hidden="true">1</span>
<div class="scard">
<span class="phasetag" data-i18n data-en="Interview" data-de="Interview">Interview</span>
<h3 data-i18n data-en="Your AI interviews you" data-de="Deine KI befragt dich">Your AI interviews you</h3>
<p data-i18n
data-en="It asks about your <b>domains, stack, conventions, guardrails, and risk posture</b> — so everything that follows fits <em>you</em>, not a template."
data-de="Sie fragt nach deinen <b>Domänen, deinem Stack, deinen Konventionen, Leitplanken und deiner Risikohaltung</b> — damit alles Weitere zu <em>dir</em> passt, nicht zu einer Vorlage.">It asks about your <b>domains, stack, conventions, guardrails, and risk posture</b>
— so everything that follows fits <em>you</em>, not a template.</p>
</div>
</li>
<li class="sstep reveal">
<span class="dot num" aria-hidden="true">2</span>
<div class="scard">
<span class="phasetag" data-i18n data-en="Scaffold" data-de="Gerüst">Scaffold</span>
<h3 data-i18n data-en="It scaffolds a clean git repo" data-de="Sie legt ein sauberes git-Repo an">It scaffolds a clean git repo</h3>
<p data-i18n
data-en="A tidy structure, <b>committed and backed up from day one</b> — so your knowledge is never sitting in a single fragile local folder."
data-de="Eine aufgeräumte Struktur, <b>vom ersten Tag an committet und gesichert</b> — damit dein Wissen nie in einem einzigen, fragilen lokalen Ordner liegt.">A tidy structure, <b>committed and backed up from day one</b> — so your knowledge is
never sitting in a single fragile local folder.</p>
</div>
</li>
<li class="sstep reveal">
<span class="dot num" aria-hidden="true">3</span>
<div class="scard">
<span class="phasetag" data-i18n data-en="Start small" data-de="Klein anfangen">Start small</span>
<h3 data-i18n data-en="Begin with 2–3 agents you'll actually use" data-de="Beginne mit 2–3 Agenten, die du wirklich nutzt">Begin with 2–3 agents you'll actually use</h3>
<p data-i18n
data-en="Not the whole roster. The two or three roles that match what you do <b>today</b>, so the thing is useful in week one."
data-de="Nicht das ganze Team. Die zwei oder drei Rollen, die zu dem passen, was du <b>heute</b> tust — damit das Ganze schon in Woche eins nützlich ist.">Not the whole roster. The two or three roles that match what you do <b>today</b>,
so the thing is useful in week one.</p>
</div>
</li>
<li class="sstep reveal">
<span class="dot num" aria-hidden="true">4</span>
<div class="scard">
<span class="phasetag" data-i18n data-en="Add the loop" data-de="Kreislauf einbauen">Add the loop</span>
<h3 data-i18n data-en="Add the self-improving loop" data-de="Den selbstverbessernden Kreislauf einbauen">Add the self-improving loop</h3>
<p data-i18n
data-en="Once you have agents worth coaching, wire up the journal and <code>/eng-review</code>. Now the system starts <b>getting sharper on its own cadence</b>."
data-de="Sobald du Agenten hast, die das Coaching lohnen, verdrahtest du das Journal und <code>/eng-review</code>. Jetzt fängt das System an, <b>in seinem eigenen Takt schärfer zu werden</b>.">Once you have agents worth coaching, wire up the journal and <code>/eng-review</code>.
Now the system starts <b>getting sharper on its own cadence</b>.</p>
</div>
</li>
<li class="sstep reveal">
<span class="dot num" aria-hidden="true">5</span>
<div class="scard">
<span class="phasetag" data-i18n data-en="Expand" data-de="Erweitern">Expand</span>
<h3 data-i18n data-en="Grow as real friction tells you to" data-de="Wachse, wenn echte Reibung es dir sagt">Grow as real friction tells you to</h3>
<p data-i18n
data-en="Add domains and agents when you actually hit a wall — never speculatively. The journal will <b>show you where the friction is</b>."
data-de="Füge Domänen und Agenten hinzu, wenn du tatsächlich an eine Wand stößt — nie auf Verdacht. Das Journal <b>zeigt dir, wo die Reibung sitzt</b>.">Add domains and agents when you actually hit a wall — never speculatively. The
journal will <b>show you where the friction is</b>.</p>
</div>
</li>
</ol>
<p class="motto" data-i18n
data-en="Build the <em>smallest useful thing</em>, use it, and let <em>friction guide</em> what's next."
data-de="Bau das <em>kleinste nützliche Ding</em>, nutze es, und lass die <em>Reibung leiten</em>, was als Nächstes kommt.">Build the <em>smallest useful thing</em>, use it, and let
<em>friction guide</em> what's next.</p>
</section>
<!-- ============================ SECTION 3 — FIVE PILLARS ============================ -->
<section id="pillars" aria-labelledby="s2-h">
<div class="sec-head">
<span class="tag">3</span>
<h2 id="s2-h" data-i18n data-en="The five pillars" data-de="Die fünf Säulen">The five pillars</h2> <h2 id="s2-h" data-i18n data-en="The five pillars" data-de="Die fünf Säulen">The five pillars</h2>
<p class="note" data-i18n <p class="note" data-i18n
data-en="Five ideas hold the whole thing up. Everything else is detail." data-en="Five ideas hold the whole thing up. Everything else is detail."
@@ -877,10 +1003,10 @@ footer .sig .dot{width:6px;height:6px;border-radius:50%;background:var(--accent)
</div> </div>
</section> </section>
<!-- ============================ SECTION 3 ============================ --> <!-- ============================ SECTION 4 — THE ROSTER ============================ -->
<section id="roster" aria-labelledby="s3-h"> <section id="roster" aria-labelledby="s3-h">
<div class="sec-head"> <div class="sec-head">
<span class="tag">3</span> <span class="tag">4</span>
<h2 id="s3-h" data-i18n data-en="The roster" data-de="Das Team">The roster</h2> <h2 id="s3-h" data-i18n data-en="The roster" data-de="Das Team">The roster</h2>
<p class="note" data-i18n <p class="note" data-i18n
data-en="Who's on the team — and what each one is trusted to touch." data-en="Who's on the team — and what each one is trusted to touch."
@@ -1000,10 +1126,10 @@ footer .sig .dot{width:6px;height:6px;border-radius:50%;background:var(--accent)
</div> </div>
</section> </section>
<!-- ============================ SECTION 4 — CENTERPIECE ============================ --> <!-- ============================ SECTION 5 — CENTERPIECE (THE LOOP) ============================ -->
<section id="loop" aria-labelledby="s4-h"> <section id="loop" aria-labelledby="s4-h">
<div class="sec-head"> <div class="sec-head">
<span class="tag">4</span> <span class="tag">5</span>
<h2 id="s4-h" data-i18n data-en="The self-improving loop" data-de="Der selbstverbessernde Kreislauf">The self-improving loop</h2> <h2 id="s4-h" data-i18n data-en="The self-improving loop" data-de="Der selbstverbessernde Kreislauf">The self-improving loop</h2>
<p class="note" data-i18n <p class="note" data-i18n
data-en="The heart of it. A closed cycle with one explicit <em>human-approval gate</em>." data-en="The heart of it. A closed cycle with one explicit <em>human-approval gate</em>."
@@ -1136,10 +1262,10 @@ footer .sig .dot{width:6px;height:6px;border-radius:50%;background:var(--accent)
</div> </div>
</section> </section>
<!-- ============================ SECTION 5 ============================ --> <!-- ============================ SECTION 6 — MEMORY ARCHITECTURE ============================ -->
<section id="memory" aria-labelledby="s5-h"> <section id="memory" aria-labelledby="s5-h">
<div class="sec-head"> <div class="sec-head">
<span class="tag">5</span> <span class="tag">6</span>
<h2 id="s5-h" data-i18n data-en="Memory architecture" data-de="Aufbau des Gedächtnisses">Memory architecture</h2> <h2 id="s5-h" data-i18n data-en="Memory architecture" data-de="Aufbau des Gedächtnisses">Memory architecture</h2>
<p class="note" data-i18n <p class="note" data-i18n
data-en="Three layers, each with a different job. Together they make it remember." data-en="Three layers, each with a different job. Together they make it remember."
@@ -1208,129 +1334,6 @@ footer .sig .dot{width:6px;height:6px;border-radius:50%;background:var(--accent)
</div> </div>
</section> </section>
<!-- ============================ SECTION 6 ============================ -->
<section id="setup" aria-labelledby="s6-h">
<div class="sec-head">
<span class="tag">6</span>
<h2 id="s6-h" data-i18n data-en="How setup works" data-de="Wie das Setup abläuft">How setup works</h2>
<p class="note" data-i18n
data-en="You don't build it all at once. You grow it as real friction tells you to."
data-de="Du baust nicht alles auf einmal. Du lässt es wachsen, wenn echte Reibung es dir sagt.">You don't build it all at once. You grow it as real friction tells you to.</p>
</div>
<ol class="setup" style="list-style:none;margin:0;padding:0">
<span class="sline" aria-hidden="true"></span>
<li class="sstep reveal">
<span class="dot num" aria-hidden="true">1</span>
<div class="scard">
<span class="phasetag" data-i18n data-en="Interview" data-de="Interview">Interview</span>
<h3 data-i18n data-en="Your AI interviews you" data-de="Deine KI befragt dich">Your AI interviews you</h3>
<p data-i18n
data-en="It asks about your <b>domains, stack, conventions, guardrails, and risk posture</b> — so everything that follows fits <em>you</em>, not a template."
data-de="Sie fragt nach deinen <b>Domänen, deinem Stack, deinen Konventionen, Leitplanken und deiner Risikohaltung</b> — damit alles Weitere zu <em>dir</em> passt, nicht zu einer Vorlage.">It asks about your <b>domains, stack, conventions, guardrails, and risk posture</b>
— so everything that follows fits <em>you</em>, not a template.</p>
</div>
</li>
<li class="sstep reveal">
<span class="dot num" aria-hidden="true">2</span>
<div class="scard">
<span class="phasetag" data-i18n data-en="Scaffold" data-de="Gerüst">Scaffold</span>
<h3 data-i18n data-en="It scaffolds a clean git repo" data-de="Sie legt ein sauberes git-Repo an">It scaffolds a clean git repo</h3>
<p data-i18n
data-en="A tidy structure, <b>committed and backed up from day one</b> — so your knowledge is never sitting in a single fragile local folder."
data-de="Eine aufgeräumte Struktur, <b>vom ersten Tag an committet und gesichert</b> — damit dein Wissen nie in einem einzigen, fragilen lokalen Ordner liegt.">A tidy structure, <b>committed and backed up from day one</b> — so your knowledge is
never sitting in a single fragile local folder.</p>
</div>
</li>
<li class="sstep reveal">
<span class="dot num" aria-hidden="true">3</span>
<div class="scard">
<span class="phasetag" data-i18n data-en="Start small" data-de="Klein anfangen">Start small</span>
<h3 data-i18n data-en="Begin with 2–3 agents you'll actually use" data-de="Beginne mit 2–3 Agenten, die du wirklich nutzt">Begin with 2–3 agents you'll actually use</h3>
<p data-i18n
data-en="Not the whole roster. The two or three roles that match what you do <b>today</b>, so the thing is useful in week one."
data-de="Nicht das ganze Team. Die zwei oder drei Rollen, die zu dem passen, was du <b>heute</b> tust — damit das Ganze schon in Woche eins nützlich ist.">Not the whole roster. The two or three roles that match what you do <b>today</b>,
so the thing is useful in week one.</p>
</div>
</li>
<li class="sstep reveal">
<span class="dot num" aria-hidden="true">4</span>
<div class="scard">
<span class="phasetag" data-i18n data-en="Add the loop" data-de="Kreislauf einbauen">Add the loop</span>
<h3 data-i18n data-en="Add the self-improving loop" data-de="Den selbstverbessernden Kreislauf einbauen">Add the self-improving loop</h3>
<p data-i18n
data-en="Once you have agents worth coaching, wire up the journal and <code>/eng-review</code>. Now the system starts <b>getting sharper on its own cadence</b>."
data-de="Sobald du Agenten hast, die das Coaching lohnen, verdrahtest du das Journal und <code>/eng-review</code>. Jetzt fängt das System an, <b>in seinem eigenen Takt schärfer zu werden</b>.">Once you have agents worth coaching, wire up the journal and <code>/eng-review</code>.
Now the system starts <b>getting sharper on its own cadence</b>.</p>
</div>
</li>
<li class="sstep reveal">
<span class="dot num" aria-hidden="true">5</span>
<div class="scard">
<span class="phasetag" data-i18n data-en="Expand" data-de="Erweitern">Expand</span>
<h3 data-i18n data-en="Grow as real friction tells you to" data-de="Wachse, wenn echte Reibung es dir sagt">Grow as real friction tells you to</h3>
<p data-i18n
data-en="Add domains and agents when you actually hit a wall — never speculatively. The journal will <b>show you where the friction is</b>."
data-de="Füge Domänen und Agenten hinzu, wenn du tatsächlich an eine Wand stößt — nie auf Verdacht. Das Journal <b>zeigt dir, wo die Reibung sitzt</b>.">Add domains and agents when you actually hit a wall — never speculatively. The
journal will <b>show you where the friction is</b>.</p>
</div>
</li>
</ol>
<p class="motto" data-i18n
data-en="Build the <em>smallest useful thing</em>, use it, and let <em>friction guide</em> what's next."
data-de="Bau das <em>kleinste nützliche Ding</em>, nutze es, und lass die <em>Reibung leiten</em>, was als Nächstes kommt.">Build the <em>smallest useful thing</em>, use it, and let
<em>friction guide</em> what's next.</p>
<!-- ----- concrete next step: get the setup doc + the command ----- -->
<div class="getstarted reveal" id="get-started" aria-labelledby="gs-h">
<span class="gsk">
<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6"/></svg>
<span data-i18n data-en="Start here" data-de="Hier starten">Start here</span>
</span>
<h3 id="gs-h" data-i18n data-en="Get started" data-de="Loslegen">Get started</h3>
<p class="gslede" data-i18n
data-en="This page is the <b>what &amp; why</b>. This guide <b>ships with a companion setup doc</b> for your Claude&nbsp;Code — a single Markdown file, <code>agentic-setup-bootstrap.md</code>, that it <b>reads and executes</b> to scaffold the repo, interview you, and stand up your first agents."
data-de="Diese Seite ist das <b>Was &amp; Warum</b>. Zu diesem Leitfaden gehört eine <b>begleitende Setup-Anleitung</b> für deine Claude&nbsp;Code — eine einzelne Markdown-Datei, <code>agentic-setup-bootstrap.md</code>, die sie <b>liest und ausführt</b>, um das Repo anzulegen, dich zu befragen und deine ersten Agenten aufzustellen.">This page is the <b>what &amp; why</b>. This guide <b>ships with a companion setup doc</b> for your Claude&nbsp;Code — a single Markdown file, <code>agentic-setup-bootstrap.md</code>, that it <b>reads and executes</b> to scaffold the repo, interview you, and stand up your first agents.</p>
<!-- Prominent download. Deliberately OUTSIDE any data-i18n node: the language
script replaces innerHTML on swap, which would wipe a button nested inside a
translated span (that was the earlier disappearing-button bug). -->
<a class="dl" href="https://git.pouya.duckdns.org/public/tutorials/src/branch/main/agentic-setup/agentic-setup-bootstrap.md" target="_blank" rel="noopener"
data-en-aria="Get the setup doc — agentic-setup-bootstrap.md (opens in the repo)"
data-de-aria="Setup-Anleitung holen — agentic-setup-bootstrap.md (öffnet im Repo)"
aria-label="Get the setup doc — agentic-setup-bootstrap.md (opens in the repo)">
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3v12m0 0l-4-4m4 4l4-4M5 21h14"/></svg>
<span class="dl-main">
<span class="dl-label" data-i18n data-en="Get the setup doc" data-de="Setup-Anleitung holen">Get the setup doc</span>
<span class="dl-file">agentic-setup-bootstrap.md &rarr;</span>
</span>
</a>
<ol class="gssteps">
<li>
<div class="gs-c">
<span data-i18n
data-en="<b>Save it where your Claude Code can read it</b> — your project folder, or your home directory (<code>~/</code>)."
data-de="<b>Speichere sie dort, wo deine Claude Code sie lesen kann</b> — in deinem Projektordner oder in deinem Home-Verzeichnis (<code>~/</code>)."><b>Save it where your Claude Code can read it</b> — your project folder, or your home directory (<code>~/</code>).</span>
</div>
</li>
<li>
<div class="gs-c">
<span data-i18n
data-en="<b>Give Claude Code this instruction</b> and let it take it from there:"
data-de="<b>Gib Claude Code diese Anweisung</b> und lass sie ab da übernehmen:"><b>Give Claude Code this instruction</b> and let it take it from there:</span>
<code class="cmd"><span class="cprompt" aria-hidden="true">&gt;</span>Read agentic-setup-bootstrap.md and set up my agentic environment.</code>
</div>
</li>
</ol>
</div>
</section>
<!-- ============================ SECTION 7 ============================ --> <!-- ============================ SECTION 7 ============================ -->
<section id="principles" aria-labelledby="s7-h"> <section id="principles" aria-labelledby="s7-h">