chore: baseline of the live help4bis.com docroot as of 2026-10-23 (cockpit #168)

Excludes analytics/data, vendor, support, .env, ACME tokens.

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
2026-10-23 06:45:34 +10:00
co-authored by Claude Sonnet 5.5
parent 84c1a01338
commit 9e6a41fc5d
86 changed files with 20852 additions and 0 deletions
+679
View File
@@ -0,0 +1,679 @@
<!DOCTYPE html>
<!-- Version: 1.3.0 | Created: 2026-07-12 | Updated: 2026-08-16 -->
<html lang="en-AU">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Your Second Week With AI: Master Prompts, System Prompts & Custom GPTs | HELP4BIS</title>
<meta name="description" content="Finished the beginner checklist? Here's the advanced toolkit: master prompts, system prompts, the seven control words, projects, and custom GPTs. Plain English.">
<meta name="keywords" content="master prompt, system prompt, AI custom instructions, custom GPT, ChatGPT projects, advanced AI prompting, prompt engineering for beginners">
<meta name="author" content="HELP4BIS">
<meta name="publisher" content="Dutch Digital Dynamics Pty Ltd">
<meta name="copyright" content="Dutch Digital Dynamics Pty Ltd">
<meta name="language" content="en-AU">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://help4bis.com/second-week-with-ai.html">
<meta property="og:type" content="article">
<meta property="og:url" content="https://help4bis.com/second-week-with-ai.html">
<meta property="og:site_name" content="HELP4BIS">
<meta property="og:title" content="Your Second Week With AI: The Advanced Toolkit">
<meta property="og:description" content="Master prompts, system prompts, the seven control words, projects, and custom GPTs, explained in plain English.">
<meta property="og:image" content="https://help4bis.com/assets/images/og-social-card.jpg">
<meta property="og:locale" content="en_AU">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Your Second Week With AI: The Advanced Toolkit">
<meta name="twitter:description" content="Master prompts, system prompts, the seven control words, projects, and custom GPTs, explained in plain English.">
<meta name="twitter:image" content="https://help4bis.com/assets/images/og-social-card.jpg">
<link rel="icon" type="image/jpeg" href="assets/images/logo-favicon.jpg">
<link rel="stylesheet" href="assets/css/style.css">
<style>
/* Second Week With AI, page extras */
.progress-row {
display: flex; align-items: center; gap: var(--sp-3);
margin-bottom: var(--sp-6);
max-width: 720px;
}
.progress-track {
flex: 1; height: 8px; border-radius: var(--r-full);
background: var(--grey-100); overflow: hidden;
}
.progress-fill {
height: 100%; width: 0%; border-radius: var(--r-full);
background: linear-gradient(90deg, var(--green), #16a34a);
transition: width .4s var(--ease-out);
}
.progress-label {
font-family: var(--font-head); font-size: 13px; font-weight: 700;
color: var(--grey-600); white-space: nowrap; font-variant-numeric: tabular-nums;
}
@media (prefers-reduced-motion: reduce) { .progress-fill { transition: none; } }
.step-item__left {
display: flex; align-items: center; gap: var(--sp-3);
flex: 1; min-width: 0;
}
.step-num {
flex-shrink: 0; width: 32px; height: 32px; border-radius: 50%;
background: var(--grey-50); border: 1.5px solid var(--grey-200);
color: var(--red); font-family: var(--font-head); font-weight: 800;
font-size: 14px; display: flex; align-items: center; justify-content: center;
font-variant-numeric: tabular-nums; transition: all .22s ease;
}
.faq-item:has(.step-check:checked) .step-num {
background: var(--green); color: var(--white); border-color: transparent;
}
.faq-item:has(.step-check:checked) .step-item__left { opacity: .55; }
.step-item__right { display: flex; align-items: center; gap: var(--sp-3); flex-shrink: 0; }
.step-check { width: 20px; height: 20px; accent-color: var(--green); cursor: pointer; }
.prompt-box {
background: var(--grey-50); border: 1px solid var(--grey-100);
border-radius: var(--r-md); padding: 14px 16px;
display: flex; gap: 12px; align-items: flex-start; margin: var(--sp-3) 0;
max-width: 640px;
}
.prompt-box p {
margin: 0; font-size: 14.5px; line-height: 1.6; color: var(--grey-800);
flex: 1; font-style: italic;
}
.prompt-copy {
flex-shrink: 0; font-family: var(--font-head); font-size: 11px; font-weight: 700;
letter-spacing: .05em; text-transform: uppercase; background: var(--white);
color: var(--red); border: 1.5px solid var(--grey-200); border-radius: var(--r-sm);
padding: 7px 12px; cursor: pointer; transition: all var(--trans);
}
.prompt-copy:hover { border-color: var(--red); background: var(--red-subtle); }
.prompt-copy:focus-visible { outline: 2px solid var(--red); outline-offset: 2px; }
.why-callout {
border-left: 3px solid var(--red); background: var(--red-subtle);
padding: 12px 16px; border-radius: 0 var(--r-md) var(--r-md) 0;
margin: var(--sp-3) 0; font-size: 14.5px; color: var(--grey-800); max-width: 640px;
}
.why-callout strong {
display: block; font-family: var(--font-head); font-size: 11px;
letter-spacing: .08em; text-transform: uppercase; color: var(--red); margin-bottom: 4px;
}
.keyword-grid {
display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: var(--sp-3); margin: var(--sp-4) 0; max-width: 720px;
}
.keyword-card {
background: var(--grey-50); border: 1px solid var(--grey-100);
border-radius: var(--r-md); padding: 14px 16px;
}
.keyword-card .kw-num {
display: inline-flex; align-items: center; justify-content: center;
width: 22px; height: 22px; border-radius: 50%; background: var(--white);
border: 1.5px solid var(--grey-200); color: var(--red);
font-family: var(--font-head); font-weight: 800; font-size: 11px;
margin-right: 8px; font-variant-numeric: tabular-nums;
}
.keyword-card dt {
display: inline; font-family: var(--font-head); font-weight: 700;
font-size: 14.5px; color: var(--ink);
}
.keyword-card dd { margin: 6px 0 0; font-size: 13.5px; line-height: 1.55; color: var(--grey-600); }
.ladder {
display: flex; flex-direction: column; gap: 0; max-width: 640px; margin: var(--sp-4) 0;
}
.ladder-step {
display: flex; gap: var(--sp-3); align-items: flex-start;
padding: 14px 0; border-bottom: 1px solid var(--grey-100);
}
.ladder-step:last-child { border-bottom: none; }
.ladder-tier {
flex-shrink: 0; font-family: var(--font-head); font-weight: 800; font-size: 11px;
letter-spacing: .06em; text-transform: uppercase; color: var(--white);
background: var(--ink); border-radius: var(--r-sm); padding: 4px 8px; margin-top: 2px;
white-space: nowrap;
}
.ladder-step h4 { font-family: var(--font-head); font-size: 15px; margin: 0 0 2px; color: var(--ink); }
.ladder-step p { margin: 0; font-size: 14px; color: var(--grey-600); }
.glossary-grid {
display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: var(--sp-3); margin-top: var(--sp-5);
}
.glossary-card {
background: var(--grey-50); border: 1px solid var(--grey-100);
border-radius: var(--r-lg); padding: 18px 20px;
}
.glossary-card dt {
font-family: var(--font-head); font-weight: 800; font-size: 15px;
color: var(--red); margin-bottom: 4px;
}
.glossary-card dd { margin: 0; font-size: 14px; line-height: 1.6; color: var(--grey-600); }
.prereq-banner {
display: flex; align-items: center; justify-content: space-between; gap: var(--sp-4);
background: var(--grey-50); border: 1px solid var(--grey-100); border-radius: var(--r-lg);
padding: var(--sp-4) var(--sp-5); margin-bottom: var(--sp-8); flex-wrap: wrap;
}
.prereq-banner p { margin: 0; font-size: 14.5px; color: var(--grey-600); max-width: 460px; }
.prereq-banner strong { color: var(--ink); }
</style>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@graph": [
{
"@type": "WebPage",
"@id": "https://help4bis.com/second-week-with-ai.html#webpage",
"url": "https://help4bis.com/second-week-with-ai.html",
"name": "Your Second Week With AI: Master Prompts, System Prompts & Custom GPTs",
"isPartOf": {"@id": "https://help4bis.com/#website"},
"breadcrumb": {
"@type": "BreadcrumbList",
"itemListElement": [
{"@type": "ListItem", "position": 1, "name": "Home", "item": "https://help4bis.com/"},
{"@type": "ListItem", "position": 2, "name": "Your First Week With AI", "item": "https://help4bis.com/your-first-week-with-ai.html"},
{"@type": "ListItem", "position": 3, "name": "Your Second Week With AI", "item": "https://help4bis.com/second-week-with-ai.html"}
]
}
},
{
"@type": "HowTo",
"@id": "https://help4bis.com/second-week-with-ai.html#howto",
"name": "Your Second Week With AI",
"description": "The advanced toolkit for someone comfortable with basic AI prompting: master prompts, system prompts, the seven control words, projects, custom instructions, and custom GPTs.",
"step": [
{"@type": "HowToStep", "name": "Give it a memory: the master prompt", "text": "Write one document that introduces who you are, so every new chat starts with the right background already in place."},
{"@type": "HowToStep", "name": "Turn your best prompts into system prompts", "text": "Save a reusable instruction set for tasks you do often, instead of rebuilding the prompt from scratch each time."},
{"@type": "HowToStep", "name": "Learn the seven control words", "text": "Add specific control words to a prompt, such as constraints first and format as, to get more reliable answers."},
{"@type": "HowToStep", "name": "Store context once: projects", "text": "Keep background files and notes in one place so you stop repeating the same context in every message."},
{"@type": "HowToStep", "name": "Set your defaults: custom instructions", "text": "Tell the AI your standing preferences once so every reply follows them automatically."},
{"@type": "HowToStep", "name": "Package it up: custom GPTs", "text": "Turn a working system prompt into a saved assistant that other people can use without writing prompts themselves."},
{"@type": "HowToStep", "name": "Build them in this order", "text": "Start personal, then repeatable, then ongoing, then shareable, rather than trying everything on day one."}
]
}
]
}
</script>
</head>
<body>
<!-- ═══════════════════════════════════════════════
NAVIGATION
═══════════════════════════════════════════════ -->
<nav class="nav" role="navigation" aria-label="Main navigation">
<div class="container">
<div class="nav__inner">
<a class="nav__logo" href="index.html" aria-label="HELP4BIS home">
<img src="assets/images/logo-cropped.jpg" alt="HELP4BIS Logo" width="160" height="44">
</a>
<ul class="nav__links" id="nav-links" role="list">
<li class="nav__dropdown">
<button class="nav__trigger" aria-haspopup="true" aria-expanded="false">Services <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg></button>
<ul class="nav__dropdown-menu" role="menu">
<li class="nav__menu-group">WordPress</li>
<li><a href="managed-wordpress.html" role="menuitem">Tailored Website Management</a></li>
<li><a href="care-plans.html" role="menuitem">WP Care Plans <span class="menu-price">from $49/mo</span></a></li>
<li><a href="sos-fix.html" role="menuitem">WP SOS Fix <span class="menu-price">$97 flat</span></a></li>
<li><a href="ai-integration.html" role="menuitem">AI Integration</a></li>
<li><a href="plugin-development.html" role="menuitem">Custom Plugin Development</a></li> </ul>
</li>
<li><a href="about.html">About</a></li>
<li><a href="index.html#portfolio">Our Work</a></li>
<li><a href="index.html#pricing">Pricing</a></li>
<li><a href="blog/index.html">Blog</a></li>
<li><a href="your-first-week-with-ai.html">AI Guide</a></li>
<li><a href="contact.html">Contact</a></li>
<li class="nav__cta-mobile" aria-hidden="true">
<a href="contact.html" class="btn btn-primary">Get Started</a>
<a href="sos-fix.html" class="btn btn-secondary">SOS Fix, $97</a>
</li>
</ul>
<div class="nav__cta">
<a href="sos-fix.html" class="btn btn-secondary btn-sm">SOS Fix, $97</a>
<a href="contact.html" class="btn btn-primary btn-sm">Get Started</a>
</div>
<button class="nav__burger" id="nav-burger" aria-label="Open menu" aria-expanded="false" aria-controls="nav-links">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="18" x2="21" y2="18"/></svg>
</button>
</div>
</div>
</nav>
<!-- ═══════════════════════════════════════════════
PAGE HERO
═══════════════════════════════════════════════ -->
<section class="page-hero" aria-labelledby="hero-heading">
<div class="container">
<nav class="breadcrumb" aria-label="Breadcrumb">
<ol>
<li><a href="index.html">Home</a></li>
<li><a href="your-first-week-with-ai.html">Part One</a></li>
<li aria-current="page">Part Two</li>
</ol>
</nav>
<p class="eyebrow">Free Guide, Part Two</p>
<h1 id="hero-heading">Your Second Week With AI</h1>
<p>You've sent your first messages, corrected a few answers, learned to check the ones that matter. This is where an AI chat stops being a box you type into and starts being a system that already knows who you are, so you stop explaining yourself from scratch every time.</p>
</div>
</section>
<!-- ═══════════════════════════════════════════════
STEPS
═══════════════════════════════════════════════ -->
<section class="section" aria-labelledby="steps-heading">
<div class="container">
<div class="prereq-banner">
<p><strong>New here?</strong> This page assumes you've already sent a few messages and know how to write a plain, specific request. If that's not you yet, start with the beginner checklist first.</p>
<a href="your-first-week-with-ai.html" class="btn btn-secondary btn-sm">Start With Part One</a>
</div>
<p class="eyebrow">The Toolkit</p>
<h2 id="steps-heading">Seven upgrades, in the right order</h2>
<p class="section-subtitle">None of these are required. They're what turns "I use AI sometimes" into "AI already knows my business before I've typed a word."</p>
<div class="progress-row" aria-live="polite" style="margin-top: var(--sp-6);">
<span class="progress-label" id="progressLabel">0 of 7 done</span>
<span class="progress-track"><span class="progress-fill" id="progressFill"></span></span>
</div>
<div class="faq__list" role="list" id="stepList">
<details class="faq-item" role="listitem" open>
<summary class="faq-item__question">
<span class="step-item__left">
<span class="step-num">1</span>
<span>Give it a memory: the master prompt</span>
</span>
<span class="step-item__right">
<input type="checkbox" class="step-check" aria-label="Mark step 1 done" onclick="event.stopPropagation()">
<span class="faq-item__icon" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
</span>
</span>
</summary>
<div class="faq-item__answer">
<p>Right now, every new chat starts from zero. The AI does not know your business, your role, your customers, or how you like things written, unless you type it out again. A master prompt fixes that: one document you keep and paste in (or upload) that answers the basics once. Our own one covers who we are, what we sell and how we write, in a single page.</p>
<ul>
<li>What you do, and who you do it for</li>
<li>Your products, services, or role in one or two lines</li>
<li>The tone you write in, and the tone you hate</li>
<li>Anything it should never suggest or assume</li>
</ul>
<div class="prompt-box">
<p>Interview me so you can write a one-page master prompt about my business and how I like things written. Ask one question at a time.</p>
<button class="prompt-copy" onclick="copyPrompt(this)">Copy</button>
</div>
<div class="why-callout">
<strong>Why this matters</strong>
You will use this document constantly. Save it somewhere you can find in ten seconds, a notes app, a pinned document, whatever you already use, and paste it in at the start of any chat where the background actually matters.
</div>
</div>
</details>
<details class="faq-item" role="listitem">
<summary class="faq-item__question">
<span class="step-item__left">
<span class="step-num">2</span>
<span>Turn your best prompts into system prompts</span>
</span>
<span class="step-item__right">
<input type="checkbox" class="step-check" aria-label="Mark step 2 done" onclick="event.stopPropagation()">
<span class="faq-item__icon" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
</span>
</span>
</summary>
<div class="faq-item__answer">
<p>A master prompt says who you are. A system prompt says how to do one particular job, every time, the same way. If you catch yourself writing a similar request over and over, weekly emails, meeting notes, social captions, that task is worth turning into a saved instruction set.</p>
<ol>
<li>Get the output right once, correcting it back and forth until it's actually good.</li>
<li>Ask the AI to write down the instructions that would produce that same result directly, no back and forth.</li>
<li>Save those instructions somewhere. Next time, paste them in first, then add only what's different this time.</li>
</ol>
<div class="prompt-box">
<p>Based on everything we just went back and forth on, write me a reusable instruction set that would get me straight to this result next time, without the corrections.</p>
<button class="prompt-copy" onclick="copyPrompt(this)">Copy</button>
</div>
</div>
</details>
<details class="faq-item" role="listitem">
<summary class="faq-item__question">
<span class="step-item__left">
<span class="step-num">3</span>
<span>Learn the seven control words</span>
</span>
<span class="step-item__right">
<input type="checkbox" class="step-check" aria-label="Mark step 3 done" onclick="event.stopPropagation()">
<span class="faq-item__icon" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
</span>
</span>
</summary>
<div class="faq-item__answer">
<p>In part one you learned Role, Context, Command, and Format. These seven go further, drop any of them into a prompt and the answer usually gets noticeably more useful. I reach for the constraint one most.</p>
<dl class="keyword-grid">
<div class="keyword-card">
<dt><span class="kw-num">1</span>Act as</dt>
<dd>"Act as a skeptical accountant." Sets the expertise and voice the answer comes from.</dd>
</div>
<div class="keyword-card">
<dt><span class="kw-num">2</span>Deep research</dt>
<dd>Asks the AI to actually look things up and show sources, instead of answering from memory alone.</dd>
</div>
<div class="keyword-card">
<dt><span class="kw-num">3</span>First principles</dt>
<dd>"Explain this from first principles." Forces a from-scratch answer instead of a recycled cliché.</dd>
</div>
<div class="keyword-card">
<dt><span class="kw-num">4</span>Devil's advocate</dt>
<dd>"Now argue against this." Surfaces the risks and holes in your own plan before you commit to it.</dd>
</div>
<div class="keyword-card">
<dt><span class="kw-num">5</span>Constraints first</dt>
<dd>State your budget, deadline, and tools before you ask for the answer, not after.</dd>
</div>
<div class="keyword-card">
<dt><span class="kw-num">6</span>Format as</dt>
<dd>Table, checklist, plain text, JSON. Say the shape you need before you get an answer in the wrong one.</dd>
</div>
<div class="keyword-card">
<dt><span class="kw-num">7</span>Verify and cite</dt>
<dd>"Verify this and cite your sources." Pushes back on confident-sounding guesses (see part one, step 5).</dd>
</div>
</dl>
<div class="why-callout">
<strong>Where to start</strong>
If you only add two, add constraints first and format as. Those two alone usually fix most of what makes an answer feel almost right but not quite usable.
</div>
</div>
</details>
<details class="faq-item" role="listitem">
<summary class="faq-item__question">
<span class="step-item__left">
<span class="step-num">4</span>
<span>Store context once: projects</span>
</span>
<span class="step-item__right">
<input type="checkbox" class="step-check" aria-label="Mark step 4 done" onclick="event.stopPropagation()">
<span class="faq-item__icon" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
</span>
</span>
</summary>
<div class="faq-item__answer">
<p>Most AI chat tools now let you group related conversations into a folder that holds shared files and background, sometimes called a project or a workspace. Instead of pasting the same brand guide, pricing sheet, or report into every new chat, you upload it once and every conversation inside that folder can see it. This one is my favourite of the seven.</p>
<ul>
<li>One project per ongoing thing: your business, a specific client, a big report you're building over weeks</li>
<li>Drop in the documents that keep coming up: brand guide, past examples, notes from calls</li>
<li>Your prompts inside that project can get shorter, the background is already there</li>
</ul>
<div class="why-callout">
<strong>Worth checking</strong>
This feature usually sits on a paid plan, and the exact name and limits vary between AI tools. Check what your specific one offers before you build a habit around it.
</div>
</div>
</details>
<details class="faq-item" role="listitem">
<summary class="faq-item__question">
<span class="step-item__left">
<span class="step-num">5</span>
<span>Set your defaults: custom instructions</span>
</span>
<span class="step-item__right">
<input type="checkbox" class="step-check" aria-label="Mark step 5 done" onclick="event.stopPropagation()">
<span class="faq-item__icon" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
</span>
</span>
</summary>
<div class="faq-item__answer">
<p>Many AI tools have a settings page where you can set standing preferences that apply to every conversation, not just the current one. Look for something called "custom instructions" or "personalisation" in your account settings. Worth setting:</p>
<ul>
<li>Your preferred tone (blunt, warm, formal, whatever fits how you actually talk)</li>
<li>Your default format (short answers, bullet points, no unnecessary preamble)</li>
<li>What to do when it's not sure, guess and flag it, or ask you first</li>
</ul>
<p>I set this once in my own account, and every future chat starts already tuned to how I like things.</p>
</div>
</details>
<details class="faq-item" role="listitem">
<summary class="faq-item__question">
<span class="step-item__left">
<span class="step-num">6</span>
<span>Package it up: custom GPTs</span>
</span>
<span class="step-item__right">
<input type="checkbox" class="step-check" aria-label="Mark step 6 done" onclick="event.stopPropagation()">
<span class="faq-item__icon" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
</span>
</span>
</summary>
<div class="faq-item__answer">
<p>Once a system prompt reliably gets you the same good result, some AI tools let you save it as a standalone assistant with its own name and icon, sometimes called a custom GPT or a custom assistant. Anyone with access can use it without knowing how to prompt at all, they just answer its questions.</p>
<p>Good candidates: a client-intake assistant that always asks the same questions in the same order, a first-draft-email writer trained on your voice, a support assistant that only answers from your own documentation.</p>
<div class="why-callout">
<strong>Why this matters</strong>
This is the step where AI stops being something only you know how to use, and becomes a tool the rest of your team can use too, without training.
</div>
</div>
</details>
<details class="faq-item" role="listitem">
<summary class="faq-item__question">
<span class="step-item__left">
<span class="step-num">7</span>
<span>Build them in this order</span>
</span>
<span class="step-item__right">
<input type="checkbox" class="step-check" aria-label="Mark step 7 done" onclick="event.stopPropagation()">
<span class="faq-item__icon" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
</span>
</span>
</summary>
<div class="faq-item__answer">
<p>Trying to build all six at once is how this whole page ends up ignored. Do them in this order instead, I have ordered them so each one makes the next one easier.</p>
<div class="ladder">
<div class="ladder-step">
<span class="ladder-tier">First</span>
<div><h4>Master prompt + custom instructions</h4><p>Just for you. I write mine in twenty minutes flat and it still runs under every chat I start. Pays off in every single one after.</p></div>
</div>
<div class="ladder-step">
<span class="ladder-tier">Then</span>
<div><h4>One system prompt</h4><p>Pick the task you repeat most often and turn it into a saved instruction set.</p></div>
</div>
<div class="ladder-step">
<span class="ladder-tier">Then</span>
<div><h4>One project</h4><p>Somewhere ongoing, a client, a business area, that keeps needing the same background.</p></div>
</div>
<div class="ladder-step">
<span class="ladder-tier">Last</span>
<div><h4>A custom GPT</h4><p>Only once you have a system prompt good enough that someone else could run it.</p></div>
</div>
</div>
</div>
</details>
</div>
</div>
</section>
<!-- ═══════════════════════════════════════════════
GLOSSARY
═══════════════════════════════════════════════ -->
<section class="section section--dark" aria-labelledby="glossary-heading">
<div class="container">
<p class="eyebrow">Reference, Not A Step</p>
<h2 id="glossary-heading">A few more words you'll hit</h2>
<p class="section-subtitle" style="color: rgba(255,255,255,.55);">Part one covered prompt, model, hallucination, context, and token. These pick up where that left off.</p>
<dl class="glossary-grid">
<div class="glossary-card">
<dt>Master prompt</dt>
<dd>A single document introducing who you are, so any chat can be given your background in one paste.</dd>
</div>
<div class="glossary-card">
<dt>System prompt</dt>
<dd>A saved instruction set for a specific, repeatable task, so you stop rebuilding the same request from scratch.</dd>
</div>
<div class="glossary-card">
<dt>Custom instructions</dt>
<dd>Standing preferences set once in your account, applied automatically to every future conversation.</dd>
</div>
<div class="glossary-card">
<dt>Project / workspace</dt>
<dd>A folder of related chats that all share the same uploaded background files.</dd>
</div>
<div class="glossary-card">
<dt>Custom GPT</dt>
<dd>A system prompt packaged into a standalone assistant that someone else can use without writing prompts.</dd>
</div>
<div class="glossary-card">
<dt>Control word</dt>
<dd>A short instruction, like "constraints first" or "format as", that changes how the AI approaches the whole answer.</dd>
</div>
</dl>
</div>
</section>
<!-- ═══════════════════════════════════════════════
PART THREE TEASER
═══════════════════════════════════════════════ -->
<section class="section" style="padding-top:0;">
<div class="container">
<div style="background: var(--grey-50); border: 1px solid var(--grey-100); border-radius: var(--r-xl); padding: var(--sp-6); display:flex; align-items:center; justify-content:space-between; gap: var(--sp-5); flex-wrap:wrap;">
<div>
<p class="eyebrow" style="margin-bottom:6px;">Once The Toolkit Is Built</p>
<h3 style="font-family:var(--font-head); font-size:20px; margin-bottom:4px; color:var(--ink);">Ready for week three?</h3>
<p style="color:var(--grey-600); font-size:14.5px; margin:0; max-width:520px;">A deeper interview about your goals and skills, finding your blind spots, a real roadmap, and a profile brief that carries it all into every chat. Still free.</p>
</div>
<a href="third-week-with-ai.html" class="btn btn-secondary">Read Part Three</a>
</div>
</div>
</section>
<!-- ═══════════════════════════════════════════════
CTA BAND
═══════════════════════════════════════════════ -->
<section class="cta-band" aria-labelledby="cta-heading">
<div class="container">
<div class="cta-band__content">
<p class="eyebrow" style="color:rgba(255,255,255,.5)">Rather someone just built this for you?</p>
<h2 id="cta-heading">We set up the master prompts, system prompts, and custom GPTs. You just use them.</h2>
<p>If you'd rather skip building this yourself, submit a brief and we'll tell you what fits your business and what it costs.</p>
<div class="cta-band__actions">
<a href="contact.html?service=ai" class="btn btn-primary btn-lg">Submit a Brief</a>
<a href="ai-integration.html" class="btn btn-outline-light btn-lg">See AI Integration</a>
</div>
</div>
</div>
</section>
<!-- ═══════════════════════════════════════════════
FOOTER
═══════════════════════════════════════════════ -->
<footer class="footer" aria-label="Site footer">
<div class="container">
<div class="footer__grid">
<div class="footer__brand">
<img src="assets/images/logo-cropped.jpg" alt="HELP4BIS" width="140" height="38">
<p>Managed WordPress hosting and maintenance for Australian small businesses. Brisbane-based, personal service, WordPress specialist, Brisbane.</p>
<p style="font-size:13px; color:rgba(255,255,255,.4);">Dutch Digital Dynamics Pty Ltd &middot; ABN 86 081 237 087</p>
</div>
<div class="footer__col">
<h4>Services</h4>
<ul class="footer__links">
<li><a href="managed-wordpress.html">Tailored Website Management</a></li>
<li><a href="care-plans.html">WP Care Plans</a></li>
<li><a href="sos-fix.html">WP SOS Fix</a></li>
<li><a href="ai-integration.html">AI Integration</a></li>
<li><a href="plugin-development.html">Plugin Development</a></li> </ul>
</div>
<div class="footer__col">
<h4>Company</h4>
<ul class="footer__links">
<li><a href="about.html">About Us</a></li>
<li><a href="index.html#portfolio">Our Work</a></li>
<li><a href="blog/index.html">Blog</a></li>
<li><a href="your-first-week-with-ai.html">Free AI Guide</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div class="footer__col">
<h4>Contact</h4>
<ul class="footer__links">
<li><a href="mailto:project@help4bis.com">project@help4bis.com</a></li>
<li><a href="contact.html">Submit a Brief</a></li>
<li><a href="sos-fix.html">Emergency Fix</a></li>
</ul>
<p style="margin-top:1rem; font-size:13px; color:rgba(255,255,255,.4);">
Brisbane, Queensland<br>
Response within 24 business hours
</p>
</div>
</div>
<div class="footer__bottom">
<span>&copy; 2026 HELP4BIS, a trading name of Dutch Digital Dynamics Pty Ltd &middot; ABN 86 081 237 087</span>
<span>
<a href="privacy.html">Privacy Policy</a> &middot;
<a href="terms.html">Terms</a>
</span>
</div>
</div>
</footer>
<button id="back-to-top" aria-label="Back to top" style="position:fixed;bottom:24px;right:24px;width:44px;height:44px;background:var(--red);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;box-shadow:var(--shadow-md);">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="18 15 12 9 6 15"/></svg>
</button>
<script src="assets/js/main.js"></script>
<script src="/analytics/tracker.js" defer></script>
<script>
(function () {
var boxes = document.querySelectorAll('.step-check');
var label = document.getElementById('progressLabel');
var fill = document.getElementById('progressFill');
function update() {
var total = boxes.length;
var done = document.querySelectorAll('.step-check:checked').length;
label.textContent = done + ' of ' + total + ' done';
fill.style.width = (total ? (done / total * 100) : 0) + '%';
}
boxes.forEach(function (box) { box.addEventListener('change', update); });
update();
})();
function copyPrompt(btn) {
var text = btn.previousElementSibling.textContent;
var original = btn.textContent;
function done(ok) {
btn.textContent = ok ? 'Copied' : 'Select & copy';
setTimeout(function () { btn.textContent = original; }, 1500);
}
if (navigator.clipboard && navigator.clipboard.writeText) {
navigator.clipboard.writeText(text).then(function () { done(true); }, function () { done(false); });
} else {
done(false);
}
}
</script>
</body>
</html>