sepehr
5bd180b5b8
Some checks failed
CI / check (push) Has been cancelled
Capture uncommitted solver robustness work (regularization, domain errors, linear solver lifecycle, tube DP/MSH), web workbench updates, and synced BMAD skills across IDE agent folders before starting BPHX pressure-drop. Co-authored-by: Cursor <cursoragent@cursor.com>
327 lines
239 KiB
HTML
327 lines
239 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>BMad Method Brainstorming Selection</title>
|
||
<script>
|
||
/* set the theme before first paint so there's no light-mode flash */
|
||
(function(){ try {
|
||
var t = localStorage.getItem('bmad-theme');
|
||
if (!t) { t = (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) ? 'dark' : 'light'; }
|
||
document.documentElement.setAttribute('data-theme', t);
|
||
} catch(e){} })();
|
||
</script>
|
||
<style>
|
||
:root {
|
||
--bg:#f6f7fb; --surface:#fff; --ink:#1c1e2b; --muted:#6b7080;
|
||
--accent:#5b4bdc; --accent-ink:#5b4bdc; --warn:#c0561f;
|
||
--line:#e6e8f0; --control:#eef0f7; --control2:#f1f2f8; --raised:#fff;
|
||
--cnt:#b9bdce; --foot:#aeb2c4; --shadow:rgba(20,20,50,.06);
|
||
}
|
||
:root[data-theme="dark"] {
|
||
--bg:#0f1117; --surface:#171a23; --ink:#e7e9f2; --muted:#9aa0b4;
|
||
--accent:#6d5cf0; --accent-ink:#a99bff; --warn:#e08a4a;
|
||
--line:#2a2f3e; --control:#222634; --control2:#1d212d; --raised:#2c3242;
|
||
--cnt:#5a6076; --foot:#5a6076; --shadow:rgba(0,0,0,.45);
|
||
}
|
||
/* lift the category hue toward white on dark surfaces so deep hues stay legible */
|
||
:root[data-theme="dark"] section > h2 { color:color-mix(in srgb, var(--c) 62%, #fff); }
|
||
:root[data-theme="dark"] .tech .ico { color:color-mix(in srgb, var(--c) 68%, #fff); }
|
||
:root[data-theme="dark"] label.tech:has(input:checked) { border-color:color-mix(in srgb, var(--c) 60%, #fff); }
|
||
.titlerow { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
|
||
.themebtn { flex:none; width:36px; height:36px; border-radius:9px; background:var(--control); color:var(--ink); font-size:17px; line-height:1; display:inline-flex; align-items:center; justify-content:center; }
|
||
.themebtn:hover { background:var(--raised); }
|
||
* { box-sizing:border-box; }
|
||
body { margin:0; font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; background:var(--bg); color:var(--ink); }
|
||
header { position:sticky; top:0; z-index:5; background:var(--surface); padding:20px 0 12px; border-bottom:1px solid var(--line); box-shadow:0 2px 12px var(--shadow); }
|
||
.hwrap { max-width:1120px; margin:0 auto; padding:0 24px; } /* align header content with the card column on wide screens */
|
||
h1 { margin:0 0 4px; font-size:24px; letter-spacing:-.02em; }
|
||
.sub { margin:0 0 12px; color:var(--muted); font-size:14px; max-width:74ch; }
|
||
button { font:inherit; border:0; border-radius:8px; cursor:pointer; }
|
||
.composer { display:flex; flex-direction:column; gap:9px; margin:6px 0 12px; }
|
||
.grp { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
|
||
.glabel { font-size:11px; text-transform:uppercase; letter-spacing:.07em; color:var(--muted); min-width:74px; }
|
||
.modes { display:inline-flex; background:var(--control); border-radius:9px; padding:3px; gap:2px; }
|
||
.mode { padding:7px 13px; font-size:14px; font-weight:600; color:var(--muted); background:transparent; }
|
||
.mode.on { background:var(--raised); color:var(--accent-ink); box-shadow:0 1px 3px var(--shadow); }
|
||
.modehint { flex:1 1 240px; min-width:0; font-size:13px; color:var(--muted); font-style:italic; }
|
||
.pill { font-size:13px; color:var(--muted); background:var(--control); padding:6px 12px; border-radius:20px; }
|
||
.pill b { color:var(--accent-ink); }
|
||
.step { display:inline-flex; align-items:center; gap:7px; font-size:13px; color:var(--ink); background:var(--control2); padding:4px 6px 4px 12px; border-radius:20px; }
|
||
.step b { min-width:12px; text-align:center; font-size:14px; color:var(--ink); }
|
||
.step button { width:24px; height:24px; border-radius:50%; background:var(--raised); color:var(--muted); font-size:17px; line-height:22px; text-align:center; box-shadow:0 1px 2px var(--shadow); }
|
||
.step button:hover { color:var(--accent-ink); }
|
||
.total { font-size:12px; color:var(--muted); }
|
||
.total.warn { color:var(--warn); font-weight:600; }
|
||
.bar { display:flex; gap:10px 14px; align-items:center; flex-wrap:wrap; }
|
||
#copy { margin-left:auto; padding:9px 22px; background:var(--accent); color:#fff; font-size:14px; font-weight:700; }
|
||
#copy:hover { filter:brightness(1.07); }
|
||
.chips { flex:1 1 320px; min-width:0; display:flex; gap:7px; flex-wrap:wrap; align-items:center; }
|
||
.chip { font-size:12px; padding:4px 11px; border-radius:16px; border:0; color:#fff; background:var(--cc); font-weight:600; cursor:pointer; }
|
||
.chip:hover { filter:brightness(1.08); }
|
||
.banner { max-height:0; overflow:hidden; transition:max-height .25s ease, padding .22s ease, margin .22s ease; background:linear-gradient(90deg,var(--accent),#8275f2); color:#fff; border-radius:10px; font-weight:700; text-align:center; padding:0 14px; }
|
||
.banner.show { max-height:64px; padding:13px 14px; margin-top:10px; }
|
||
.banner.fail { background:linear-gradient(90deg,var(--warn),#e0894a); }
|
||
main { padding:18px 24px 60px; max-width:1120px; margin:0 auto; }
|
||
section { margin:0 0 26px; }
|
||
section > h2 { font-size:13px; text-transform:uppercase; letter-spacing:.08em; color:var(--c); margin:0 0 10px; border-bottom:1px solid color-mix(in srgb, var(--c) 24%, var(--line)); padding-bottom:6px; }
|
||
section > h2 .cnt { color:color-mix(in srgb, var(--c) 45%, var(--cnt)); margin-left:6px; }
|
||
.grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(360px,1fr)); gap:10px; }
|
||
label.tech { display:flex; gap:12px; align-items:flex-start; background:color-mix(in srgb, var(--c) 5%, var(--surface)); border:1px solid color-mix(in srgb, var(--c) 18%, var(--line)); border-radius:10px; padding:11px 13px; cursor:pointer; transition:border-color .12s, box-shadow .12s, background .12s; }
|
||
label.tech:hover { border-color:color-mix(in srgb, var(--c) 45%, var(--surface)); }
|
||
label.tech input { margin-top:2px; width:17px; height:17px; accent-color:var(--c); flex:none; }
|
||
label.tech:has(input:checked) { border-color:var(--c); background:color-mix(in srgb, var(--c) 12%, var(--surface)); box-shadow:0 0 0 2px color-mix(in srgb, var(--c) 30%, transparent); }
|
||
.tech .ic2 { display:flex; gap:5px; flex:none; }
|
||
.tech .ico { width:40px; height:40px; flex:none; color:var(--c); }
|
||
.tech .n { font-weight:600; display:block; }
|
||
.tech .d { color:var(--muted); font-size:13.5px; display:block; margin-top:2px; }
|
||
.tech .gf { color:var(--accent-ink); font-size:11px; display:block; margin-top:5px; opacity:.85; }
|
||
.grouphdr { margin:30px 0 12px; font-size:12px; text-transform:uppercase; letter-spacing:.14em; font-weight:700; color:var(--c); opacity:.92; border-bottom:1px solid color-mix(in srgb, var(--c) 22%, var(--line)); padding-bottom:7px; }
|
||
main > .grouphdr:first-child { margin-top:2px; }
|
||
:root[data-theme="dark"] .grouphdr { color:color-mix(in srgb, var(--c) 62%, #fff); }
|
||
.goals { display:flex; gap:7px; flex-wrap:wrap; }
|
||
.goal { font-size:12px; padding:5px 12px; border-radius:16px; background:var(--control); color:var(--muted); font-weight:600; }
|
||
.goal:hover { color:var(--ink); }
|
||
.goal.on { background:var(--accent); color:#fff; }
|
||
label.tech.invent { border-style:dashed; background:transparent; }
|
||
label.tech.invent:hover { border-color:var(--c); }
|
||
label.tech.invent .n { color:var(--c); }
|
||
label.tech.hidden { display:none; }
|
||
footer { text-align:center; color:var(--foot); font-size:12px; padding:24px; }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<header>
|
||
<div class="hwrap">
|
||
<div class="titlerow">
|
||
<h1>BMad Method Brainstorming Selection</h1>
|
||
<button id="theme" class="themebtn" type="button" aria-label="Toggle dark mode" title="Toggle dark mode"></button>
|
||
</div>
|
||
<p class="sub">Compose your session, hit <strong>Copy prompt</strong>, and paste it back into the chat to begin. 108 techniques across 13 categories.</p>
|
||
|
||
<div class="composer">
|
||
<div class="grp">
|
||
<span class="glabel">Facilitation</span>
|
||
<div class="modes" id="modes">
|
||
<button type="button" class="mode on" data-mode="Facilitator">Facilitator</button>
|
||
<button type="button" class="mode" data-mode="Creative Partner">Creative Partner</button>
|
||
<button type="button" class="mode" data-mode="Ideate for me">Ideate for me</button>
|
||
</div>
|
||
<span class="modehint" id="modehint"></span>
|
||
</div>
|
||
<div class="grp">
|
||
<span class="glabel">Techniques</span>
|
||
<span class="pill">Picked <b id="pickN">0</b></span>
|
||
<span class="step">Random <button type="button" data-step="rand" data-d="-1">−</button><b id="randN">0</b><button type="button" data-step="rand" data-d="1">+</button></span>
|
||
<span class="step">Invent <button type="button" data-step="inv" data-d="-1">−</button><b id="invN">0</b><button type="button" data-step="inv" data-d="1">+</button></span>
|
||
<span class="step">AI picks <button type="button" data-step="ai" data-d="-1">−</button><b id="aiN">0</b><button type="button" data-step="ai" data-d="1">+</button></span>
|
||
<span class="total" id="total">Total 0 · 3–4 is the sweet spot</span>
|
||
<button id="copy" type="button">Copy prompt</button>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="bar"><span class="glabel">Great for</span><div class="goals" id="goals"><button type="button" class="goal" data-goal="feature">Build a feature</button><button type="button" class="goal" data-goal="novel">Novel concept</button><button type="button" class="goal" data-goal="strategy">Strategy</button><button type="button" class="goal" data-goal="planning">Planning</button><button type="button" class="goal" data-goal="diagnosis">Diagnose</button><button type="button" class="goal" data-goal="personal">Personal / life</button><button type="button" class="goal" data-goal="unstuck">Get unstuck</button></div></div>
|
||
<div class="bar">
|
||
<span class="glabel">Jump to</span>
|
||
<div class="chips" id="chips"><button type="button" class="chip" data-cat="Proven & Professional" style="--cc:#3d4f73">Proven & Professional</button><button type="button" class="chip" data-cat="Structured" style="--cc:#3b6ea5">Structured</button><button type="button" class="chip" data-cat="Deep" style="--cc:#4658c9">Deep</button><button type="button" class="chip" data-cat="Creative" style="--cc:#6d5cf0">Creative</button><button type="button" class="chip" data-cat="Biomimetic" style="--cc:#1f9d6b">Biomimetic</button><button type="button" class="chip" data-cat="Cultural" style="--cc:#c75b39">Cultural</button><button type="button" class="chip" data-cat="Speculative Future" style="--cc:#0fb5c9">Speculative Future</button><button type="button" class="chip" data-cat="Quantum" style="--cc:#2b86d9">Quantum</button><button type="button" class="chip" data-cat="Wild" style="--cc:#e2562f">Wild</button><button type="button" class="chip" data-cat="Absurdist" style="--cc:#e0529c">Absurdist</button><button type="button" class="chip" data-cat="Theatrical" style="--cc:#cf4d6f">Theatrical</button><button type="button" class="chip" data-cat="Constraint" style="--cc:#d9882b">Constraint</button><button type="button" class="chip" data-cat="Introspective Delight" style="--cc:#b15ad6">Introspective Delight</button><button type="button" class="chip" data-cat="Collaborative" style="--cc:#15a3a3">Collaborative</button></div>
|
||
</div>
|
||
|
||
<div class="banner" id="banner">✓ Copied! Now paste it into the chat to start your session.</div>
|
||
</div>
|
||
</header>
|
||
<main>
|
||
<section data-cat="Proven & Professional" style="--c:#3d4f73"><h2>Proven & Professional<span class="cnt">29</span></h2><div class="grid"><label class="tech" style="--c:#15a3a3"><input type="checkbox" data-name="Yes And Building" data-cat="Collaborative" data-desc="Never negate; each person opens with "Yes, and..." and adds to the last idea, stacking a chain of accepted additions" data-good="novel|unstuck|planning" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="1.8"><line x1="14" y1="16" x2="30" y2="16"/><line x1="14" y1="16" x2="22" y2="30"/><line x1="30" y1="16" x2="22" y2="30"/></g><g fill="currentColor" fill-opacity="0.22"><circle cx="14" cy="16" r="4.6"/><circle cx="30" cy="16" r="4.6"/><circle cx="22" cy="30" r="4.6"/></g><g fill="currentColor"><circle cx="14" cy="16" r="2.4"/><circle cx="30" cy="16" r="2.4"/><circle cx="22" cy="30" r="2.4"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="8" y="27" width="12" height="8" rx="1.5" fill-opacity=".8"/><rect x="14" y="19" width="12" height="8" rx="1.5" fill-opacity=".5"/><rect x="20" y="11" width="12" height="8" rx="1.5"/></g></svg></span><span><span class="n">Yes And Building</span><span class="d">Never negate; each person opens with "Yes, and..." and adds to the last idea, stacking a chain of accepted additions</span><span class="gf">Great for: Novel concept · Get unstuck · Planning</span></span></label><label class="tech" style="--c:#15a3a3"><input type="checkbox" data-name="Brain Writing Round Robin" data-cat="Collaborative" data-desc="Everyone writes ideas silently, then passes their sheet; you build on whatever lands in front of you, round after round" data-good="novel|feature" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="1.8"><line x1="14" y1="16" x2="30" y2="16"/><line x1="14" y1="16" x2="22" y2="30"/><line x1="30" y1="16" x2="22" y2="30"/></g><g fill="currentColor" fill-opacity="0.22"><circle cx="14" cy="16" r="4.6"/><circle cx="30" cy="16" r="4.6"/><circle cx="22" cy="30" r="4.6"/></g><g fill="currentColor"><circle cx="14" cy="16" r="2.4"/><circle cx="30" cy="16" r="2.4"/><circle cx="22" cy="30" r="2.4"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M31 16 A10 10 0 1 0 32.5 22"/><path d="M31 10 L31.5 16.3 L25 16.5"/></g></svg></span><span><span class="n">Brain Writing Round Robin</span><span class="d">Everyone writes ideas silently, then passes their sheet; you build on whatever lands in front of you, round after round</span><span class="gf">Great for: Novel concept · Build a feature</span></span></label><label class="tech" style="--c:#15a3a3"><input type="checkbox" data-name="Random Stimulation" data-cat="Collaborative" data-desc="Pull a random word or image and force a link to the problem: "how does THIS spark a solution?"" data-good="unstuck|novel" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="1.8"><line x1="14" y1="16" x2="30" y2="16"/><line x1="14" y1="16" x2="22" y2="30"/><line x1="30" y1="16" x2="22" y2="30"/></g><g fill="currentColor" fill-opacity="0.22"><circle cx="14" cy="16" r="4.6"/><circle cx="30" cy="16" r="4.6"/><circle cx="22" cy="30" r="4.6"/></g><g fill="currentColor"><circle cx="14" cy="16" r="2.4"/><circle cx="30" cy="16" r="2.4"/><circle cx="22" cy="30" r="2.4"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><rect x="11" y="11" width="22" height="22" rx="4" fill="none" stroke="currentColor" stroke-width="2"/><g fill="currentColor"><circle cx="17" cy="17" r="1.8"/><circle cx="27" cy="17" r="1.8"/><circle cx="22" cy="22" r="1.8"/><circle cx="17" cy="27" r="1.8"/><circle cx="27" cy="27" r="1.8"/></g></svg></span><span><span class="n">Random Stimulation</span><span class="d">Pull a random word or image and force a link to the problem: "how does THIS spark a solution?"</span><span class="gf">Great for: Get unstuck · Novel concept</span></span></label><label class="tech" style="--c:#15a3a3"><input type="checkbox" data-name="Role Playing" data-cat="Collaborative" data-desc="Each person speaks as a different stakeholder, voicing what that role wants, fears, and would demand of the idea" data-good="strategy|personal|feature" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="1.8"><line x1="14" y1="16" x2="30" y2="16"/><line x1="14" y1="16" x2="22" y2="30"/><line x1="30" y1="16" x2="22" y2="30"/></g><g fill="currentColor" fill-opacity="0.22"><circle cx="14" cy="16" r="4.6"/><circle cx="30" cy="16" r="4.6"/><circle cx="22" cy="30" r="4.6"/></g><g fill="currentColor"><circle cx="14" cy="16" r="2.4"/><circle cx="30" cy="16" r="2.4"/><circle cx="22" cy="30" r="2.4"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><rect x="11" y="9" width="22" height="26" rx="3" fill="none" stroke="currentColor" stroke-width="2"/><circle cx="22" cy="19" r="4" fill="currentColor"/><path d="M15.5 30 c2 -4.5 11 -4.5 13 0" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg></span><span><span class="n">Role Playing</span><span class="d">Each person speaks as a different stakeholder, voicing what that role wants, fears, and would demand of the idea</span><span class="gf">Great for: Strategy · Personal / life · Build a feature</span></span></label><label class="tech" style="--c:#6d5cf0"><input type="checkbox" data-name="First Principles Thinking" data-cat="Creative" data-desc="Strip every assumption to bedrock facts, then rebuild the solution from scratch on truth alone" data-good="feature|novel|diagnosis|strategy" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.4" stroke-linecap="round"><line x1="22" y1="6.5" x2="22" y2="12.5"/><line x1="22" y1="31.5" x2="22" y2="37.5"/><line x1="6.5" y1="22" x2="12.5" y2="22"/><line x1="31.5" y1="22" x2="37.5" y2="22"/><line x1="11.3" y1="11.3" x2="15.5" y2="15.5"/><line x1="28.5" y1="28.5" x2="32.7" y2="32.7"/><line x1="32.7" y1="11.3" x2="28.5" y2="15.5"/><line x1="15.5" y1="28.5" x2="11.3" y2="32.7"/></g><circle cx="22" cy="22" r="6.6" fill="currentColor" fill-opacity="0.25"/><circle cx="22" cy="22" r="3.6" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="10" y="28" width="8" height="6" rx="1"/><rect x="18.5" y="28" width="8" height="6" rx="1"/><rect x="27" y="28" width="7" height="6" rx="1"/></g><path d="M22 25 L22 11 M16 17 L22 11 L28 17" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span><span><span class="n">First Principles Thinking</span><span class="d">Strip every assumption to bedrock facts, then rebuild the solution from scratch on truth alone</span><span class="gf">Great for: Build a feature · Novel concept · Diagnose · Strategy</span></span></label><label class="tech" style="--c:#6d5cf0"><input type="checkbox" data-name="Reverse Brainstorming" data-cat="Creative" data-desc="Generate problems instead of solutions — 'how could we make this fail?' — then mine each for its inverse" data-good="diagnosis|feature|unstuck" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.4" stroke-linecap="round"><line x1="22" y1="6.5" x2="22" y2="12.5"/><line x1="22" y1="31.5" x2="22" y2="37.5"/><line x1="6.5" y1="22" x2="12.5" y2="22"/><line x1="31.5" y1="22" x2="37.5" y2="22"/><line x1="11.3" y1="11.3" x2="15.5" y2="15.5"/><line x1="28.5" y1="28.5" x2="32.7" y2="32.7"/><line x1="32.7" y1="11.3" x2="28.5" y2="15.5"/><line x1="15.5" y1="28.5" x2="11.3" y2="32.7"/></g><circle cx="22" cy="22" r="6.6" fill="currentColor" fill-opacity="0.25"/><circle cx="22" cy="22" r="3.6" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M13 18 H28 a4 4 0 0 1 0 8 H16"/><path d="M19 15 L13 18 L19 21 M22 23 L16 26 L22 29"/></g></svg></span><span><span class="n">Reverse Brainstorming</span><span class="d">Generate problems instead of solutions — 'how could we make this fail?' — then mine each for its inverse</span><span class="gf">Great for: Diagnose · Build a feature · Get unstuck</span></span></label><label class="tech" style="--c:#4658c9"><input type="checkbox" data-name="Five Whys" data-cat="Deep" data-desc="Ask "why?" five times in a chain, each answer feeding the next, until you hit the root cause beneath the symptom" data-good="diagnosis" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor"><circle cx="22" cy="22" r="13" stroke-width="1.5" stroke-opacity="0.4"/><circle cx="22" cy="22" r="9" stroke-width="1.7" stroke-opacity="0.7"/><circle cx="22" cy="22" r="5" stroke-width="1.9"/></g><circle cx="22" cy="22" r="2.4" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="14" cy="13" r="2.4"/><circle cx="22" cy="22" r="2.4"/><circle cx="30" cy="31" r="2.4"/><path d="M15.6 14.8 L20.4 20.2 M23.6 23.8 L28.4 29.2"/></g></svg></span><span><span class="n">Five Whys</span><span class="d">Ask "why?" five times in a chain, each answer feeding the next, until you hit the root cause beneath the symptom</span><span class="gf">Great for: Diagnose</span></span></label><label class="tech" style="--c:#4658c9"><input type="checkbox" data-name="Provocation Technique" data-cat="Deep" data-desc="State something deliberately absurd, then mine it: "how could this be useful?" Extract the usable principle hiding inside" data-good="unstuck|novel" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor"><circle cx="22" cy="22" r="13" stroke-width="1.5" stroke-opacity="0.4"/><circle cx="22" cy="22" r="9" stroke-width="1.7" stroke-opacity="0.7"/><circle cx="22" cy="22" r="5" stroke-width="1.9"/></g><circle cx="22" cy="22" r="2.4" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M24 9 L13 24 H21 L19 35 L31 19 H23 Z"/></g></svg></span><span><span class="n">Provocation Technique</span><span class="d">State something deliberately absurd, then mine it: "how could this be useful?" Extract the usable principle hiding inside</span><span class="gf">Great for: Get unstuck · Novel concept</span></span></label><label class="tech" style="--c:#4658c9"><input type="checkbox" data-name="Assumption Reversal" data-cat="Deep" data-desc="List every assumption baked into the problem, flip each to its opposite, then rebuild a solution on the inverted foundation" data-good="novel|diagnosis|strategy" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor"><circle cx="22" cy="22" r="13" stroke-width="1.5" stroke-opacity="0.4"/><circle cx="22" cy="22" r="9" stroke-width="1.7" stroke-opacity="0.7"/><circle cx="22" cy="22" r="5" stroke-width="1.9"/></g><circle cx="22" cy="22" r="2.4" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 14 V30"/><path d="M11.5 25 L16 30 L20.5 25"/><path d="M28 30 V14"/><path d="M23.5 19 L28 14 L32.5 19"/></g></svg></span><span><span class="n">Assumption Reversal</span><span class="d">List every assumption baked into the problem, flip each to its opposite, then rebuild a solution on the inverted foundation</span><span class="gf">Great for: Novel concept · Diagnose · Strategy</span></span></label><label class="tech" style="--c:#4658c9"><input type="checkbox" data-name="Question Storming" data-cat="Deep" data-desc="Generate only questions about the problem, zero answers allowed, until the real problem worth solving comes into focus" data-good="diagnosis|strategy|unstuck" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor"><circle cx="22" cy="22" r="13" stroke-width="1.5" stroke-opacity="0.4"/><circle cx="22" cy="22" r="9" stroke-width="1.7" stroke-opacity="0.7"/><circle cx="22" cy="22" r="5" stroke-width="1.9"/></g><circle cx="22" cy="22" r="2.4" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 16 a3.2 3.2 0 1 1 3.2 3.2 v2"/><path d="M26 13 a3.6 3.6 0 1 1 3.6 3.6 v2.4"/></g><circle cx="17.2" cy="27" r="1.5" fill="currentColor"/><circle cx="29.6" cy="25.6" r="1.6" fill="currentColor"/></svg></span><span><span class="n">Question Storming</span><span class="d">Generate only questions about the problem, zero answers allowed, until the real problem worth solving comes into focus</span><span class="gf">Great for: Diagnose · Strategy · Get unstuck</span></span></label><label class="tech" style="--c:#4658c9"><input type="checkbox" data-name="Causal Loop Mapping" data-cat="Deep" data-desc="Diagram the feedback loops linking causes and effects, find the reinforcing and balancing cycles, and target the leverage point" data-good="diagnosis|strategy" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor"><circle cx="22" cy="22" r="13" stroke-width="1.5" stroke-opacity="0.4"/><circle cx="22" cy="22" r="9" stroke-width="1.7" stroke-opacity="0.7"/><circle cx="22" cy="22" r="5" stroke-width="1.9"/></g><circle cx="22" cy="22" r="2.4" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 16 a9 9 0 1 1 -2 12"/><path d="M16 10.5 L16.5 16.5 L10.5 17"/><path d="M30 28.5 L29.5 22.5 L35 22"/></g></svg></span><span><span class="n">Causal Loop Mapping</span><span class="d">Diagram the feedback loops linking causes and effects, find the reinforcing and balancing cycles, and target the leverage point</span><span class="gf">Great for: Diagnose · Strategy</span></span></label><label class="tech" style="--c:#4658c9"><input type="checkbox" data-name="Morphological Analysis" data-cat="Deep" data-desc="List the problem's independent parameters, generate options for each, then combine across them to surface untried configurations" data-good="feature|novel|planning" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor"><circle cx="22" cy="22" r="13" stroke-width="1.5" stroke-opacity="0.4"/><circle cx="22" cy="22" r="9" stroke-width="1.7" stroke-opacity="0.7"/><circle cx="22" cy="22" r="5" stroke-width="1.9"/></g><circle cx="22" cy="22" r="2.4" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="1.8"><rect x="11" y="11" width="22" height="22" rx="2"/><path d="M11 18.3 H33 M11 25.6 H33 M18.3 11 V33 M25.6 11 V33"/></g><rect x="18.5" y="18.5" width="7" height="7" fill="currentColor" fill-opacity=".4"/></svg></span><span><span class="n">Morphological Analysis</span><span class="d">List the problem's independent parameters, generate options for each, then combine across them to surface untried configurations</span><span class="gf">Great for: Build a feature · Novel concept · Planning</span></span></label><label class="tech" style="--c:#4658c9"><input type="checkbox" data-name="Laddering" data-cat="Deep" data-desc="Ask 'and what would that give you?' up the chain until you reach the real underlying need, then ideate fresh at that level" data-good="personal|strategy|diagnosis" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor"><circle cx="22" cy="22" r="13" stroke-width="1.5" stroke-opacity="0.4"/><circle cx="22" cy="22" r="9" stroke-width="1.7" stroke-opacity="0.7"/><circle cx="22" cy="22" r="5" stroke-width="1.9"/></g><circle cx="22" cy="22" r="2.4" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 9 V35 M28 9 V35 M16 15 H28 M16 22 H28 M16 29 H28"/></g></svg></span><span><span class="n">Laddering</span><span class="d">Ask 'and what would that give you?' up the chain until you reach the real underlying need, then ideate fresh at that level</span><span class="gf">Great for: Personal / life · Strategy · Diagnose</span></span></label><label class="tech" style="--c:#3b6ea5"><input type="checkbox" data-name="SCAMPER Method" data-cat="Structured" data-desc="Run your idea through seven lenses: Substitute, Combine, Adapt, Modify, Put-to-other-use, Eliminate, Reverse" data-good="feature|novel" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="22" cy="22" r="5.5" fill="none" stroke="currentColor" stroke-width="2"/><g stroke="currentColor" stroke-width="2.4" stroke-linecap="round"><path d="M22 9 V13.5 M22 30.5 V35 M9 22 H13.5 M30.5 22 H35 M12.8 12.8 L16 16 M28 28 L31.2 31.2 M31.2 12.8 L28 16 M16 28 L12.8 31.2"/></g></svg></span><span><span class="n">SCAMPER Method</span><span class="d">Run your idea through seven lenses: Substitute, Combine, Adapt, Modify, Put-to-other-use, Eliminate, Reverse</span><span class="gf">Great for: Build a feature · Novel concept</span></span></label><label class="tech" style="--c:#3b6ea5"><input type="checkbox" data-name="Six Thinking Hats" data-cat="Structured" data-desc="Examine the problem six ways one at a time: facts, feelings, benefits, risks, new ideas, process" data-good="strategy|diagnosis|planning|personal" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M14 26 q8 -5 16 0" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><path d="M17 26 q-6 1 -8 3 q13 4 26 0 q-2 -2 -8 -3" fill="currentColor" fill-opacity=".22"/><path d="M17 26 c-1 -8 11 -8 10 0" fill="currentColor" fill-opacity=".5"/></svg></span><span><span class="n">Six Thinking Hats</span><span class="d">Examine the problem six ways one at a time: facts, feelings, benefits, risks, new ideas, process</span><span class="gf">Great for: Strategy · Diagnose · Planning · Personal / life</span></span></label><label class="tech" style="--c:#3b6ea5"><input type="checkbox" data-name="Lotus Blossom" data-cat="Structured" data-desc="Put the theme at the center of a 3x3 grid, fill the 8 cells around it, then promote each of those to the center of its own new 3x3" data-good="feature|planning|novel" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><circle cx="22" cy="22" r="3.4"/></g><g fill="currentColor" fill-opacity=".4"><circle cx="22" cy="13" r="2.8"/><circle cx="22" cy="31" r="2.8"/><circle cx="13" cy="22" r="2.8"/><circle cx="31" cy="22" r="2.8"/><circle cx="15.5" cy="15.5" r="2.5"/><circle cx="28.5" cy="15.5" r="2.5"/><circle cx="15.5" cy="28.5" r="2.5"/><circle cx="28.5" cy="28.5" r="2.5"/></g></svg></span><span><span class="n">Lotus Blossom</span><span class="d">Put the theme at the center of a 3x3 grid, fill the 8 cells around it, then promote each of those to the center of its own new 3x3</span><span class="gf">Great for: Build a feature · Planning · Novel concept</span></span></label><label class="tech" style="--c:#3b6ea5"><input type="checkbox" data-name="Worst Possible Idea" data-cat="Structured" data-desc="Deliberately generate the most terrible solutions you can, then flip each into what it teaches you to do right" data-good="unstuck|novel" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 11 v10 h-5 l10 12 10 -12 h-5 v-10 z"/></g></svg></span><span><span class="n">Worst Possible Idea</span><span class="d">Deliberately generate the most terrible solutions you can, then flip each into what it teaches you to do right</span><span class="gf">Great for: Get unstuck · Novel concept</span></span></label><label class="tech" style="--c:#3b6ea5"><input type="checkbox" data-name="Disney Method" data-cat="Structured" data-desc="Cycle the idea through three rooms: Dreamer (anything goes), Realist (how we'd build it), Critic (what breaks)" data-good="feature|strategy|planning" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2"><circle cx="14" cy="22" r="4.5"/><circle cx="22" cy="22" r="4.5"/><circle cx="30" cy="22" r="4.5"/></g></svg></span><span><span class="n">Disney Method</span><span class="d">Cycle the idea through three rooms: Dreamer (anything goes), Realist (how we'd build it), Critic (what breaks)</span><span class="gf">Great for: Build a feature · Strategy · Planning</span></span></label><label class="tech" style="--c:#3b6ea5"><input type="checkbox" data-name="Starbursting" data-cat="Structured" data-desc="Interrogate the idea with only questions — who, what, where, when, why, how — exhaust each before answering any" data-good="feature|planning|diagnosis" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 8 V15 M22 29 V36 M8 22 H15 M29 22 H36 M12 12 L17 17 M27 27 L32 32 M32 12 L27 17 M12 32 L17 27"/></g><path d="M19.5 19 a3.2 3.2 0 1 1 3 4 v1.2" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg></span><span><span class="n">Starbursting</span><span class="d">Interrogate the idea with only questions — who, what, where, when, why, how — exhaust each before answering any</span><span class="gf">Great for: Build a feature · Planning · Diagnose</span></span></label><label class="tech" style="--c:#3b6ea5"><input type="checkbox" data-name="Mind Mapping" data-cat="Structured" data-desc="Branch the central topic outward, each node spawning children; follow tangents wherever they pull and let the web sprawl" data-good="planning|novel|feature" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="22" cy="22" r="4"/><circle cx="11" cy="13" r="2.2"/><circle cx="33" cy="13" r="2.2"/><circle cx="10" cy="28" r="2.2"/><circle cx="32" cy="31" r="2.2"/><path d="M19 19.5 L12.5 14.5 M25 19.5 L31.5 14.5 M19 24.5 L11.5 27 M25.5 24 L30.5 29.5"/></g></svg></span><span><span class="n">Mind Mapping</span><span class="d">Branch the central topic outward, each node spawning children; follow tangents wherever they pull and let the web sprawl</span><span class="gf">Great for: Planning · Novel concept · Build a feature</span></span></label><label class="tech" style="--c:#3b6ea5"><input type="checkbox" data-name="Crazy 8s" data-cat="Structured" data-desc="Eight ideas in eight minutes, one per box, no editing — speed outruns your inner critic" data-good="feature|novel|unstuck" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="1.7"><rect x="9" y="12" width="8" height="9" rx="1.5"/><rect x="18" y="12" width="8" height="9" rx="1.5"/><rect x="27" y="12" width="8" height="9" rx="1.5"/><rect x="9" y="23" width="8" height="9" rx="1.5"/><rect x="18" y="23" width="8" height="9" rx="1.5"/><rect x="27" y="23" width="8" height="9" rx="1.5"/></g></svg></span><span><span class="n">Crazy 8s</span><span class="d">Eight ideas in eight minutes, one per box, no editing — speed outruns your inner critic</span><span class="gf">Great for: Build a feature · Novel concept · Get unstuck</span></span></label><label class="tech" style="--c:#3b6ea5"><input type="checkbox" data-name="How Might We" data-cat="Structured" data-desc="Reframe the problem as a batch of 'How might we...' opportunity questions first, then ideate against the sharpest one" data-good="feature|novel|strategy|diagnosis" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M11 13 H33 a2 2 0 0 1 2 2 V27 a2 2 0 0 1 -2 2 H24 L19 34 V29 H11 a2 2 0 0 1 -2 -2 V15 a2 2 0 0 1 2 -2 Z"/></g><path d="M19 19 a3.2 3.2 0 1 1 3.4 3.4 v1.6" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/><circle cx="22.4" cy="27" r="1.4" fill="currentColor"/></svg></span><span><span class="n">How Might We</span><span class="d">Reframe the problem as a batch of 'How might we...' opportunity questions first, then ideate against the sharpest one</span><span class="gf">Great for: Build a feature · Novel concept · Strategy · Diagnose</span></span></label><label class="tech" style="--c:#3b6ea5"><input type="checkbox" data-name="Job to Be Done" data-cat="Structured" data-desc="Ask what the user is really hiring this to do, then ideate around that underlying job, not the feature you assumed" data-good="feature|strategy|novel" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round"><rect x="9" y="16" width="26" height="16" rx="2.5"/><path d="M17 16 v-3 a2 2 0 0 1 2 -2 h6 a2 2 0 0 1 2 2 v3"/><path d="M9 23 H35"/></g><circle cx="22" cy="23" r="1.8" fill="currentColor"/></svg></span><span><span class="n">Job to Be Done</span><span class="d">Ask what the user is really hiring this to do, then ideate around that underlying job, not the feature you assumed</span><span class="gf">Great for: Build a feature · Strategy · Novel concept</span></span></label><label class="tech" style="--c:#3b6ea5"><input type="checkbox" data-name="Empathy Map" data-cat="Structured" data-desc="Map what the user says, thinks, does, and feels around the problem, then mine each quadrant for the unmet need" data-good="feature|personal" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="1.8"><rect x="11" y="11" width="22" height="22" rx="2"/><path d="M11 22 H33 M22 11 V33"/></g><path d="M22 27 c-2.6 -2.1 -4.2 -3.4 -4.2 -5.2 a2.1 2.1 0 0 1 4.2 -1 a2.1 2.1 0 0 1 4.2 1 c0 1.8 -1.6 3.1 -4.2 5.2 z" fill="currentColor"/></svg></span><span><span class="n">Empathy Map</span><span class="d">Map what the user says, thinks, does, and feels around the problem, then mine each quadrant for the unmet need</span><span class="gf">Great for: Build a feature · Personal / life</span></span></label><label class="tech" style="--c:#3b6ea5"><input type="checkbox" data-name="Backcasting" data-cat="Structured" data-desc="Fix the finished future in vivid detail, then work backward step by step to the one move you'd have to make first" data-good="strategy|planning|novel" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M30 11 V33"/></g><path d="M30 13 L20 16.5 L30 20 Z" fill="currentColor"/><path d="M28 27 H14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-dasharray="1.5 3"/><path d="M18 23 L14 27 L18 31" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span><span><span class="n">Backcasting</span><span class="d">Fix the finished future in vivid detail, then work backward step by step to the one move you'd have to make first</span><span class="gf">Great for: Strategy · Planning · Novel concept</span></span></label><label class="tech" style="--c:#4658c9"><input type="checkbox" data-name="TRIZ Contradiction" data-cat="Deep" data-desc="Name the core contradiction (what only improves by making something else worse), then brainstorm ways to win both instead of trading off" data-good="feature|novel|diagnosis" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor"><circle cx="22" cy="22" r="13" stroke-width="1.5" stroke-opacity="0.4"/><circle cx="22" cy="22" r="9" stroke-width="1.7" stroke-opacity="0.7"/><circle cx="22" cy="22" r="5" stroke-width="1.9"/></g><circle cx="22" cy="22" r="2.4" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 15 H18 M14.5 11.5 L18 15 L14.5 18.5"/><path d="M35 29 H26 M29.5 25.5 L26 29 L29.5 32.5"/></g><path d="M22 17.5 l1.5 3.4 3.7 .3 -2.8 2.4 .9 3.6 -3.3 -1.9 -3.3 1.9 .9 -3.6 -2.8 -2.4 3.7 -.3 z" fill="currentColor"/></svg></span><span><span class="n">TRIZ Contradiction</span><span class="d">Name the core contradiction (what only improves by making something else worse), then brainstorm ways to win both instead of trading off</span><span class="gf">Great for: Build a feature · Novel concept · Diagnose</span></span></label><label class="tech" style="--c:#4658c9"><input type="checkbox" data-name="Fishbone Diagram" data-cat="Deep" data-desc="Branch the problem's spine into cause categories (people, process, tools, environment) and mine each bone for contributing causes" data-good="diagnosis" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor"><circle cx="22" cy="22" r="13" stroke-width="1.5" stroke-opacity="0.4"/><circle cx="22" cy="22" r="9" stroke-width="1.7" stroke-opacity="0.7"/><circle cx="22" cy="22" r="5" stroke-width="1.9"/></g><circle cx="22" cy="22" r="2.4" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 22 H33"/><path d="M33 22 L36 18.5 M33 22 L36 25.5"/><path d="M14 22 L18 15 M14 22 L18 29 M23 22 L27 15 M23 22 L27 29"/></g><circle cx="9" cy="22" r="1.9" fill="currentColor"/></svg></span><span><span class="n">Fishbone Diagram</span><span class="d">Branch the problem's spine into cause categories (people, process, tools, environment) and mine each bone for contributing causes</span><span class="gf">Great for: Diagnose</span></span></label><label class="tech" style="--c:#4658c9"><input type="checkbox" data-name="Build on What Works" data-cat="Deep" data-desc="Name what's already succeeding and why, then ideate how to amplify and extend it instead of fixing what's broken" data-good="personal|strategy" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor"><circle cx="22" cy="22" r="13" stroke-width="1.5" stroke-opacity="0.4"/><circle cx="22" cy="22" r="9" stroke-width="1.7" stroke-opacity="0.7"/><circle cx="22" cy="22" r="5" stroke-width="1.9"/></g><circle cx="22" cy="22" r="2.4" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="24" width="6" height="9" rx="1"/><rect x="19" y="19" width="6" height="14" rx="1"/><rect x="27" y="13" width="6" height="20" rx="1"/></g><path d="M11 19 L18 13 L24 16 L33 8" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M28 8 H33 V13" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span><span><span class="n">Build on What Works</span><span class="d">Name what's already succeeding and why, then ideate how to amplify and extend it instead of fixing what's broken</span><span class="gf">Great for: Personal / life · Strategy</span></span></label><label class="tech" style="--c:#0fb5c9"><input type="checkbox" data-name="Scenario Cross" data-cat="Speculative Future" data-desc="Pick two high-impact uncertainties, cross them into four futures, and ideate the move that wins in every one" data-good="strategy|planning" data-prov="classic" data-lead="1"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" fill="none"><path d="M11 31 L 26.5 15.5"/><path d="M20 14.5 H 28 V 22.5"/></g><circle cx="31" cy="12" r="2.8" fill="currentColor"/><g stroke="currentColor" stroke-width="1.4" stroke-linecap="round"><line x1="31" y1="6.5" x2="31" y2="8.4"/><line x1="31" y1="15.6" x2="31" y2="17.5"/><line x1="25.5" y1="12" x2="27.4" y2="12"/><line x1="34.6" y1="12" x2="36.5" y2="12"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M22 9 V35 M9 22 H35"/></g><g fill="currentColor"><circle cx="15" cy="15" r="2"/><circle cx="29" cy="15" r="2"/><circle cx="15" cy="29" r="2"/><circle cx="29" cy="29" r="2"/></g></svg></span><span><span class="n">Scenario Cross</span><span class="d">Pick two high-impact uncertainties, cross them into four futures, and ideate the move that wins in every one</span><span class="gf">Great for: Strategy · Planning</span></span></label></div></section>
|
||
<h2 class="grouphdr" style="--c:#3b6ea5">Structured & Analytical</h2>
|
||
<section data-cat="Structured" style="--c:#3b6ea5"><h2>Structured<span class="cnt">15</span></h2><div class="grid"><label class="tech"><input type="checkbox" data-name="SCAMPER Method" data-cat="Structured" data-desc="Run your idea through seven lenses: Substitute, Combine, Adapt, Modify, Put-to-other-use, Eliminate, Reverse" data-good="feature|novel" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="22" cy="22" r="5.5" fill="none" stroke="currentColor" stroke-width="2"/><g stroke="currentColor" stroke-width="2.4" stroke-linecap="round"><path d="M22 9 V13.5 M22 30.5 V35 M9 22 H13.5 M30.5 22 H35 M12.8 12.8 L16 16 M28 28 L31.2 31.2 M31.2 12.8 L28 16 M16 28 L12.8 31.2"/></g></svg></span><span><span class="n">SCAMPER Method</span><span class="d">Run your idea through seven lenses: Substitute, Combine, Adapt, Modify, Put-to-other-use, Eliminate, Reverse</span><span class="gf">Great for: Build a feature · Novel concept</span></span></label><label class="tech"><input type="checkbox" data-name="Six Thinking Hats" data-cat="Structured" data-desc="Examine the problem six ways one at a time: facts, feelings, benefits, risks, new ideas, process" data-good="strategy|diagnosis|planning|personal" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M14 26 q8 -5 16 0" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><path d="M17 26 q-6 1 -8 3 q13 4 26 0 q-2 -2 -8 -3" fill="currentColor" fill-opacity=".22"/><path d="M17 26 c-1 -8 11 -8 10 0" fill="currentColor" fill-opacity=".5"/></svg></span><span><span class="n">Six Thinking Hats</span><span class="d">Examine the problem six ways one at a time: facts, feelings, benefits, risks, new ideas, process</span><span class="gf">Great for: Strategy · Diagnose · Planning · Personal / life</span></span></label><label class="tech"><input type="checkbox" data-name="Decision Tree Mapping" data-cat="Structured" data-desc="Chart every choice point and the paths it forks into, following each branch to its outcome and risk" data-good="planning|strategy|diagnosis" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="22" cy="12" r="2.6"/><circle cx="14" cy="32" r="2.6"/><circle cx="30" cy="32" r="2.6"/><path d="M22 14.5 L22 20 M22 20 L14 29.4 M22 20 L30 29.4"/></g></svg></span><span><span class="n">Decision Tree Mapping</span><span class="d">Chart every choice point and the paths it forks into, following each branch to its outcome and risk</span><span class="gf">Great for: Planning · Strategy · Diagnose</span></span></label><label class="tech"><input type="checkbox" data-name="Solution Matrix" data-cat="Structured" data-desc="Grid problem variables against solution approaches, score every cell, hunt the best pairings and empty gaps" data-good="feature|planning" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="1.8"><rect x="11" y="11" width="22" height="22" rx="2"/><path d="M11 22 H33 M22 11 V33"/></g><path d="M24.5 14.5 L26.5 16.5 L30.5 12.5" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg></span><span><span class="n">Solution Matrix</span><span class="d">Grid problem variables against solution approaches, score every cell, hunt the best pairings and empty gaps</span><span class="gf">Great for: Build a feature · Planning</span></span></label><label class="tech"><input type="checkbox" data-name="Trait Transfer" data-cat="Structured" data-desc="Name what makes an unrelated success work, then graft those winning traits onto your own problem" data-good="novel|feature" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M12 16 l1.6 3.4 3.6 .4 -2.7 2.5 .7 3.6 -3.2 -1.8 -3.2 1.8 .7 -3.6 -2.7 -2.5 3.6 -.4 z" fill="currentColor"/><rect x="25" y="23" width="9" height="9" rx="2" fill="none" stroke="currentColor" stroke-width="2"/><path d="M17 22 L25 27" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-dasharray="1.5 2.5"/></svg></span><span><span class="n">Trait Transfer</span><span class="d">Name what makes an unrelated success work, then graft those winning traits onto your own problem</span><span class="gf">Great for: Novel concept · Build a feature</span></span></label><label class="tech"><input type="checkbox" data-name="Lotus Blossom" data-cat="Structured" data-desc="Put the theme at the center of a 3x3 grid, fill the 8 cells around it, then promote each of those to the center of its own new 3x3" data-good="feature|planning|novel" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><circle cx="22" cy="22" r="3.4"/></g><g fill="currentColor" fill-opacity=".4"><circle cx="22" cy="13" r="2.8"/><circle cx="22" cy="31" r="2.8"/><circle cx="13" cy="22" r="2.8"/><circle cx="31" cy="22" r="2.8"/><circle cx="15.5" cy="15.5" r="2.5"/><circle cx="28.5" cy="15.5" r="2.5"/><circle cx="15.5" cy="28.5" r="2.5"/><circle cx="28.5" cy="28.5" r="2.5"/></g></svg></span><span><span class="n">Lotus Blossom</span><span class="d">Put the theme at the center of a 3x3 grid, fill the 8 cells around it, then promote each of those to the center of its own new 3x3</span><span class="gf">Great for: Build a feature · Planning · Novel concept</span></span></label><label class="tech"><input type="checkbox" data-name="Worst Possible Idea" data-cat="Structured" data-desc="Deliberately generate the most terrible solutions you can, then flip each into what it teaches you to do right" data-good="unstuck|novel" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 11 v10 h-5 l10 12 10 -12 h-5 v-10 z"/></g></svg></span><span><span class="n">Worst Possible Idea</span><span class="d">Deliberately generate the most terrible solutions you can, then flip each into what it teaches you to do right</span><span class="gf">Great for: Get unstuck · Novel concept</span></span></label><label class="tech"><input type="checkbox" data-name="Disney Method" data-cat="Structured" data-desc="Cycle the idea through three rooms: Dreamer (anything goes), Realist (how we'd build it), Critic (what breaks)" data-good="feature|strategy|planning" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2"><circle cx="14" cy="22" r="4.5"/><circle cx="22" cy="22" r="4.5"/><circle cx="30" cy="22" r="4.5"/></g></svg></span><span><span class="n">Disney Method</span><span class="d">Cycle the idea through three rooms: Dreamer (anything goes), Realist (how we'd build it), Critic (what breaks)</span><span class="gf">Great for: Build a feature · Strategy · Planning</span></span></label><label class="tech"><input type="checkbox" data-name="Starbursting" data-cat="Structured" data-desc="Interrogate the idea with only questions — who, what, where, when, why, how — exhaust each before answering any" data-good="feature|planning|diagnosis" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 8 V15 M22 29 V36 M8 22 H15 M29 22 H36 M12 12 L17 17 M27 27 L32 32 M32 12 L27 17 M12 32 L17 27"/></g><path d="M19.5 19 a3.2 3.2 0 1 1 3 4 v1.2" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg></span><span><span class="n">Starbursting</span><span class="d">Interrogate the idea with only questions — who, what, where, when, why, how — exhaust each before answering any</span><span class="gf">Great for: Build a feature · Planning · Diagnose</span></span></label><label class="tech"><input type="checkbox" data-name="Mind Mapping" data-cat="Structured" data-desc="Branch the central topic outward, each node spawning children; follow tangents wherever they pull and let the web sprawl" data-good="planning|novel|feature" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="22" cy="22" r="4"/><circle cx="11" cy="13" r="2.2"/><circle cx="33" cy="13" r="2.2"/><circle cx="10" cy="28" r="2.2"/><circle cx="32" cy="31" r="2.2"/><path d="M19 19.5 L12.5 14.5 M25 19.5 L31.5 14.5 M19 24.5 L11.5 27 M25.5 24 L30.5 29.5"/></g></svg></span><span><span class="n">Mind Mapping</span><span class="d">Branch the central topic outward, each node spawning children; follow tangents wherever they pull and let the web sprawl</span><span class="gf">Great for: Planning · Novel concept · Build a feature</span></span></label><label class="tech"><input type="checkbox" data-name="Crazy 8s" data-cat="Structured" data-desc="Eight ideas in eight minutes, one per box, no editing — speed outruns your inner critic" data-good="feature|novel|unstuck" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="1.7"><rect x="9" y="12" width="8" height="9" rx="1.5"/><rect x="18" y="12" width="8" height="9" rx="1.5"/><rect x="27" y="12" width="8" height="9" rx="1.5"/><rect x="9" y="23" width="8" height="9" rx="1.5"/><rect x="18" y="23" width="8" height="9" rx="1.5"/><rect x="27" y="23" width="8" height="9" rx="1.5"/></g></svg></span><span><span class="n">Crazy 8s</span><span class="d">Eight ideas in eight minutes, one per box, no editing — speed outruns your inner critic</span><span class="gf">Great for: Build a feature · Novel concept · Get unstuck</span></span></label><label class="tech"><input type="checkbox" data-name="How Might We" data-cat="Structured" data-desc="Reframe the problem as a batch of 'How might we...' opportunity questions first, then ideate against the sharpest one" data-good="feature|novel|strategy|diagnosis" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M11 13 H33 a2 2 0 0 1 2 2 V27 a2 2 0 0 1 -2 2 H24 L19 34 V29 H11 a2 2 0 0 1 -2 -2 V15 a2 2 0 0 1 2 -2 Z"/></g><path d="M19 19 a3.2 3.2 0 1 1 3.4 3.4 v1.6" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/><circle cx="22.4" cy="27" r="1.4" fill="currentColor"/></svg></span><span><span class="n">How Might We</span><span class="d">Reframe the problem as a batch of 'How might we...' opportunity questions first, then ideate against the sharpest one</span><span class="gf">Great for: Build a feature · Novel concept · Strategy · Diagnose</span></span></label><label class="tech"><input type="checkbox" data-name="Job to Be Done" data-cat="Structured" data-desc="Ask what the user is really hiring this to do, then ideate around that underlying job, not the feature you assumed" data-good="feature|strategy|novel" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round"><rect x="9" y="16" width="26" height="16" rx="2.5"/><path d="M17 16 v-3 a2 2 0 0 1 2 -2 h6 a2 2 0 0 1 2 2 v3"/><path d="M9 23 H35"/></g><circle cx="22" cy="23" r="1.8" fill="currentColor"/></svg></span><span><span class="n">Job to Be Done</span><span class="d">Ask what the user is really hiring this to do, then ideate around that underlying job, not the feature you assumed</span><span class="gf">Great for: Build a feature · Strategy · Novel concept</span></span></label><label class="tech"><input type="checkbox" data-name="Empathy Map" data-cat="Structured" data-desc="Map what the user says, thinks, does, and feels around the problem, then mine each quadrant for the unmet need" data-good="feature|personal" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="1.8"><rect x="11" y="11" width="22" height="22" rx="2"/><path d="M11 22 H33 M22 11 V33"/></g><path d="M22 27 c-2.6 -2.1 -4.2 -3.4 -4.2 -5.2 a2.1 2.1 0 0 1 4.2 -1 a2.1 2.1 0 0 1 4.2 1 c0 1.8 -1.6 3.1 -4.2 5.2 z" fill="currentColor"/></svg></span><span><span class="n">Empathy Map</span><span class="d">Map what the user says, thinks, does, and feels around the problem, then mine each quadrant for the unmet need</span><span class="gf">Great for: Build a feature · Personal / life</span></span></label><label class="tech"><input type="checkbox" data-name="Backcasting" data-cat="Structured" data-desc="Fix the finished future in vivid detail, then work backward step by step to the one move you'd have to make first" data-good="strategy|planning|novel" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M30 11 V33"/></g><path d="M30 13 L20 16.5 L30 20 Z" fill="currentColor"/><path d="M28 27 H14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-dasharray="1.5 3"/><path d="M18 23 L14 27 L18 31" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span><span><span class="n">Backcasting</span><span class="d">Fix the finished future in vivid detail, then work backward step by step to the one move you'd have to make first</span><span class="gf">Great for: Strategy · Planning · Novel concept</span></span></label><label class="tech invent"><input type="checkbox" data-invent="Structured"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="11" width="9.5" height="9.5" rx="2"/><rect x="23.5" y="11" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="11" y="23.5" width="9.5" height="9.5" rx="2" fill-opacity="0.25"/><rect x="23.5" y="23.5" width="9.5" height="9.5" rx="2"/></g></svg></span><span><span class="n">✨ Invent a Structured technique</span><span class="d">Make up a brand-new technique on the fly, in the spirit of Structured</span></span></label></div></section>
|
||
<section data-cat="Deep" style="--c:#4658c9"><h2>Deep<span class="cnt">13</span></h2><div class="grid"><label class="tech"><input type="checkbox" data-name="Five Whys" data-cat="Deep" data-desc="Ask "why?" five times in a chain, each answer feeding the next, until you hit the root cause beneath the symptom" data-good="diagnosis" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor"><circle cx="22" cy="22" r="13" stroke-width="1.5" stroke-opacity="0.4"/><circle cx="22" cy="22" r="9" stroke-width="1.7" stroke-opacity="0.7"/><circle cx="22" cy="22" r="5" stroke-width="1.9"/></g><circle cx="22" cy="22" r="2.4" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="14" cy="13" r="2.4"/><circle cx="22" cy="22" r="2.4"/><circle cx="30" cy="31" r="2.4"/><path d="M15.6 14.8 L20.4 20.2 M23.6 23.8 L28.4 29.2"/></g></svg></span><span><span class="n">Five Whys</span><span class="d">Ask "why?" five times in a chain, each answer feeding the next, until you hit the root cause beneath the symptom</span><span class="gf">Great for: Diagnose</span></span></label><label class="tech"><input type="checkbox" data-name="Provocation Technique" data-cat="Deep" data-desc="State something deliberately absurd, then mine it: "how could this be useful?" Extract the usable principle hiding inside" data-good="unstuck|novel" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor"><circle cx="22" cy="22" r="13" stroke-width="1.5" stroke-opacity="0.4"/><circle cx="22" cy="22" r="9" stroke-width="1.7" stroke-opacity="0.7"/><circle cx="22" cy="22" r="5" stroke-width="1.9"/></g><circle cx="22" cy="22" r="2.4" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M24 9 L13 24 H21 L19 35 L31 19 H23 Z"/></g></svg></span><span><span class="n">Provocation Technique</span><span class="d">State something deliberately absurd, then mine it: "how could this be useful?" Extract the usable principle hiding inside</span><span class="gf">Great for: Get unstuck · Novel concept</span></span></label><label class="tech"><input type="checkbox" data-name="Assumption Reversal" data-cat="Deep" data-desc="List every assumption baked into the problem, flip each to its opposite, then rebuild a solution on the inverted foundation" data-good="novel|diagnosis|strategy" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor"><circle cx="22" cy="22" r="13" stroke-width="1.5" stroke-opacity="0.4"/><circle cx="22" cy="22" r="9" stroke-width="1.7" stroke-opacity="0.7"/><circle cx="22" cy="22" r="5" stroke-width="1.9"/></g><circle cx="22" cy="22" r="2.4" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 14 V30"/><path d="M11.5 25 L16 30 L20.5 25"/><path d="M28 30 V14"/><path d="M23.5 19 L28 14 L32.5 19"/></g></svg></span><span><span class="n">Assumption Reversal</span><span class="d">List every assumption baked into the problem, flip each to its opposite, then rebuild a solution on the inverted foundation</span><span class="gf">Great for: Novel concept · Diagnose · Strategy</span></span></label><label class="tech"><input type="checkbox" data-name="Question Storming" data-cat="Deep" data-desc="Generate only questions about the problem, zero answers allowed, until the real problem worth solving comes into focus" data-good="diagnosis|strategy|unstuck" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor"><circle cx="22" cy="22" r="13" stroke-width="1.5" stroke-opacity="0.4"/><circle cx="22" cy="22" r="9" stroke-width="1.7" stroke-opacity="0.7"/><circle cx="22" cy="22" r="5" stroke-width="1.9"/></g><circle cx="22" cy="22" r="2.4" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 16 a3.2 3.2 0 1 1 3.2 3.2 v2"/><path d="M26 13 a3.6 3.6 0 1 1 3.6 3.6 v2.4"/></g><circle cx="17.2" cy="27" r="1.5" fill="currentColor"/><circle cx="29.6" cy="25.6" r="1.6" fill="currentColor"/></svg></span><span><span class="n">Question Storming</span><span class="d">Generate only questions about the problem, zero answers allowed, until the real problem worth solving comes into focus</span><span class="gf">Great for: Diagnose · Strategy · Get unstuck</span></span></label><label class="tech"><input type="checkbox" data-name="Constraint Mapping" data-cat="Deep" data-desc="Map every constraint, sort real from imagined, then attack each: dissolve it, route around it, or turn it into an asset" data-good="feature|strategy|diagnosis" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor"><circle cx="22" cy="22" r="13" stroke-width="1.5" stroke-opacity="0.4"/><circle cx="22" cy="22" r="9" stroke-width="1.7" stroke-opacity="0.7"/><circle cx="22" cy="22" r="5" stroke-width="1.9"/></g><circle cx="22" cy="22" r="2.4" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M11 14 L18 12 L26 14 L33 12 V30 L26 32 L18 30 L11 32 Z" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/><path d="M18 12 V30 M26 14 V32" stroke="currentColor" stroke-width="1.6"/></svg></span><span><span class="n">Constraint Mapping</span><span class="d">Map every constraint, sort real from imagined, then attack each: dissolve it, route around it, or turn it into an asset</span><span class="gf">Great for: Build a feature · Strategy · Diagnose</span></span></label><label class="tech"><input type="checkbox" data-name="Failure Analysis" data-cat="Deep" data-desc="Dissect a relevant failure: what broke, why it broke, what lesson it leaves, and how to apply that wisdom here" data-good="diagnosis|strategy|feature" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor"><circle cx="22" cy="22" r="13" stroke-width="1.5" stroke-opacity="0.4"/><circle cx="22" cy="22" r="9" stroke-width="1.7" stroke-opacity="0.7"/><circle cx="22" cy="22" r="5" stroke-width="1.9"/></g><circle cx="22" cy="22" r="2.4" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="20" cy="20" r="8" fill="none" stroke="currentColor" stroke-width="2"/><line x1="26" y1="26" x2="33" y2="33" stroke="currentColor" stroke-width="2.4" stroke-linecap="round"/><path d="M20 16 V21 M20 24 V24" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg></span><span><span class="n">Failure Analysis</span><span class="d">Dissect a relevant failure: what broke, why it broke, what lesson it leaves, and how to apply that wisdom here</span><span class="gf">Great for: Diagnose · Strategy · Build a feature</span></span></label><label class="tech"><input type="checkbox" data-name="Emergent Thinking" data-cat="Deep" data-desc="Stop forcing a solution; watch what patterns the system keeps producing and name what's trying to emerge on its own" data-good="strategy|novel" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor"><circle cx="22" cy="22" r="13" stroke-width="1.5" stroke-opacity="0.4"/><circle cx="22" cy="22" r="9" stroke-width="1.7" stroke-opacity="0.7"/><circle cx="22" cy="22" r="5" stroke-width="1.9"/></g><circle cx="22" cy="22" r="2.4" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><circle cx="11" cy="31" r="1.6"/><circle cx="17" cy="29" r="1.6"/><circle cx="16" cy="23" r="1.6"/><circle cx="22" cy="24" r="1.8"/><circle cx="23" cy="17" r="1.9"/><circle cx="29" cy="18" r="1.7"/><circle cx="28" cy="12" r="2.1"/></g></svg></span><span><span class="n">Emergent Thinking</span><span class="d">Stop forcing a solution; watch what patterns the system keeps producing and name what's trying to emerge on its own</span><span class="gf">Great for: Strategy · Novel concept</span></span></label><label class="tech"><input type="checkbox" data-name="Causal Loop Mapping" data-cat="Deep" data-desc="Diagram the feedback loops linking causes and effects, find the reinforcing and balancing cycles, and target the leverage point" data-good="diagnosis|strategy" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor"><circle cx="22" cy="22" r="13" stroke-width="1.5" stroke-opacity="0.4"/><circle cx="22" cy="22" r="9" stroke-width="1.7" stroke-opacity="0.7"/><circle cx="22" cy="22" r="5" stroke-width="1.9"/></g><circle cx="22" cy="22" r="2.4" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 16 a9 9 0 1 1 -2 12"/><path d="M16 10.5 L16.5 16.5 L10.5 17"/><path d="M30 28.5 L29.5 22.5 L35 22"/></g></svg></span><span><span class="n">Causal Loop Mapping</span><span class="d">Diagram the feedback loops linking causes and effects, find the reinforcing and balancing cycles, and target the leverage point</span><span class="gf">Great for: Diagnose · Strategy</span></span></label><label class="tech"><input type="checkbox" data-name="Morphological Analysis" data-cat="Deep" data-desc="List the problem's independent parameters, generate options for each, then combine across them to surface untried configurations" data-good="feature|novel|planning" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor"><circle cx="22" cy="22" r="13" stroke-width="1.5" stroke-opacity="0.4"/><circle cx="22" cy="22" r="9" stroke-width="1.7" stroke-opacity="0.7"/><circle cx="22" cy="22" r="5" stroke-width="1.9"/></g><circle cx="22" cy="22" r="2.4" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="1.8"><rect x="11" y="11" width="22" height="22" rx="2"/><path d="M11 18.3 H33 M11 25.6 H33 M18.3 11 V33 M25.6 11 V33"/></g><rect x="18.5" y="18.5" width="7" height="7" fill="currentColor" fill-opacity=".4"/></svg></span><span><span class="n">Morphological Analysis</span><span class="d">List the problem's independent parameters, generate options for each, then combine across them to surface untried configurations</span><span class="gf">Great for: Build a feature · Novel concept · Planning</span></span></label><label class="tech"><input type="checkbox" data-name="Laddering" data-cat="Deep" data-desc="Ask 'and what would that give you?' up the chain until you reach the real underlying need, then ideate fresh at that level" data-good="personal|strategy|diagnosis" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor"><circle cx="22" cy="22" r="13" stroke-width="1.5" stroke-opacity="0.4"/><circle cx="22" cy="22" r="9" stroke-width="1.7" stroke-opacity="0.7"/><circle cx="22" cy="22" r="5" stroke-width="1.9"/></g><circle cx="22" cy="22" r="2.4" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 9 V35 M28 9 V35 M16 15 H28 M16 22 H28 M16 29 H28"/></g></svg></span><span><span class="n">Laddering</span><span class="d">Ask 'and what would that give you?' up the chain until you reach the real underlying need, then ideate fresh at that level</span><span class="gf">Great for: Personal / life · Strategy · Diagnose</span></span></label><label class="tech"><input type="checkbox" data-name="TRIZ Contradiction" data-cat="Deep" data-desc="Name the core contradiction (what only improves by making something else worse), then brainstorm ways to win both instead of trading off" data-good="feature|novel|diagnosis" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor"><circle cx="22" cy="22" r="13" stroke-width="1.5" stroke-opacity="0.4"/><circle cx="22" cy="22" r="9" stroke-width="1.7" stroke-opacity="0.7"/><circle cx="22" cy="22" r="5" stroke-width="1.9"/></g><circle cx="22" cy="22" r="2.4" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 15 H18 M14.5 11.5 L18 15 L14.5 18.5"/><path d="M35 29 H26 M29.5 25.5 L26 29 L29.5 32.5"/></g><path d="M22 17.5 l1.5 3.4 3.7 .3 -2.8 2.4 .9 3.6 -3.3 -1.9 -3.3 1.9 .9 -3.6 -2.8 -2.4 3.7 -.3 z" fill="currentColor"/></svg></span><span><span class="n">TRIZ Contradiction</span><span class="d">Name the core contradiction (what only improves by making something else worse), then brainstorm ways to win both instead of trading off</span><span class="gf">Great for: Build a feature · Novel concept · Diagnose</span></span></label><label class="tech"><input type="checkbox" data-name="Fishbone Diagram" data-cat="Deep" data-desc="Branch the problem's spine into cause categories (people, process, tools, environment) and mine each bone for contributing causes" data-good="diagnosis" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor"><circle cx="22" cy="22" r="13" stroke-width="1.5" stroke-opacity="0.4"/><circle cx="22" cy="22" r="9" stroke-width="1.7" stroke-opacity="0.7"/><circle cx="22" cy="22" r="5" stroke-width="1.9"/></g><circle cx="22" cy="22" r="2.4" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 22 H33"/><path d="M33 22 L36 18.5 M33 22 L36 25.5"/><path d="M14 22 L18 15 M14 22 L18 29 M23 22 L27 15 M23 22 L27 29"/></g><circle cx="9" cy="22" r="1.9" fill="currentColor"/></svg></span><span><span class="n">Fishbone Diagram</span><span class="d">Branch the problem's spine into cause categories (people, process, tools, environment) and mine each bone for contributing causes</span><span class="gf">Great for: Diagnose</span></span></label><label class="tech"><input type="checkbox" data-name="Build on What Works" data-cat="Deep" data-desc="Name what's already succeeding and why, then ideate how to amplify and extend it instead of fixing what's broken" data-good="personal|strategy" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor"><circle cx="22" cy="22" r="13" stroke-width="1.5" stroke-opacity="0.4"/><circle cx="22" cy="22" r="9" stroke-width="1.7" stroke-opacity="0.7"/><circle cx="22" cy="22" r="5" stroke-width="1.9"/></g><circle cx="22" cy="22" r="2.4" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="11" y="24" width="6" height="9" rx="1"/><rect x="19" y="19" width="6" height="14" rx="1"/><rect x="27" y="13" width="6" height="20" rx="1"/></g><path d="M11 19 L18 13 L24 16 L33 8" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M28 8 H33 V13" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span><span><span class="n">Build on What Works</span><span class="d">Name what's already succeeding and why, then ideate how to amplify and extend it instead of fixing what's broken</span><span class="gf">Great for: Personal / life · Strategy</span></span></label><label class="tech invent"><input type="checkbox" data-invent="Deep"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor"><circle cx="22" cy="22" r="13" stroke-width="1.5" stroke-opacity="0.4"/><circle cx="22" cy="22" r="9" stroke-width="1.7" stroke-opacity="0.7"/><circle cx="22" cy="22" r="5" stroke-width="1.9"/></g><circle cx="22" cy="22" r="2.4" fill="currentColor"/></svg></span><span><span class="n">✨ Invent a Deep technique</span><span class="d">Make up a brand-new technique on the fly, in the spirit of Deep</span></span></label></div></section>
|
||
<h2 class="grouphdr" style="--c:#6d5cf0">Creative & Generative</h2>
|
||
<section data-cat="Creative" style="--c:#6d5cf0"><h2>Creative<span class="cnt">10</span></h2><div class="grid"><label class="tech"><input type="checkbox" data-name="What If Scenarios" data-cat="Creative" data-desc="Detonate one constraint at a time — unlimited budget, opposite is true, problem vanished — and chase what rushes in" data-good="novel|strategy|unstuck" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.4" stroke-linecap="round"><line x1="22" y1="6.5" x2="22" y2="12.5"/><line x1="22" y1="31.5" x2="22" y2="37.5"/><line x1="6.5" y1="22" x2="12.5" y2="22"/><line x1="31.5" y1="22" x2="37.5" y2="22"/><line x1="11.3" y1="11.3" x2="15.5" y2="15.5"/><line x1="28.5" y1="28.5" x2="32.7" y2="32.7"/><line x1="32.7" y1="11.3" x2="28.5" y2="15.5"/><line x1="15.5" y1="28.5" x2="11.3" y2="32.7"/></g><circle cx="22" cy="22" r="6.6" fill="currentColor" fill-opacity="0.25"/><circle cx="22" cy="22" r="3.6" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 17 a4 4 0 1 1 4 4 v3"/></g><circle cx="22" cy="30" r="1.6" fill="currentColor"/></svg></span><span><span class="n">What If Scenarios</span><span class="d">Detonate one constraint at a time — unlimited budget, opposite is true, problem vanished — and chase what rushes in</span><span class="gf">Great for: Novel concept · Strategy · Get unstuck</span></span></label><label class="tech"><input type="checkbox" data-name="Analogical Thinking" data-cat="Creative" data-desc="Ask 'this is like what?' and steal the solution pattern from the domain that answers" data-good="feature|novel|diagnosis" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.4" stroke-linecap="round"><line x1="22" y1="6.5" x2="22" y2="12.5"/><line x1="22" y1="31.5" x2="22" y2="37.5"/><line x1="6.5" y1="22" x2="12.5" y2="22"/><line x1="31.5" y1="22" x2="37.5" y2="22"/><line x1="11.3" y1="11.3" x2="15.5" y2="15.5"/><line x1="28.5" y1="28.5" x2="32.7" y2="32.7"/><line x1="32.7" y1="11.3" x2="28.5" y2="15.5"/><line x1="15.5" y1="28.5" x2="11.3" y2="32.7"/></g><circle cx="22" cy="22" r="6.6" fill="currentColor" fill-opacity="0.25"/><circle cx="22" cy="22" r="3.6" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="15" cy="22" r="6" fill="none" stroke="currentColor" stroke-width="2"/><rect x="25" y="16" width="12" height="12" rx="2" fill="none" stroke="currentColor" stroke-width="2"/><path d="M19 20 q2 2 0 4 M23 20 q-2 2 0 4" stroke="currentColor" stroke-width="1.6" fill="none"/></svg></span><span><span class="n">Analogical Thinking</span><span class="d">Ask 'this is like what?' and steal the solution pattern from the domain that answers</span><span class="gf">Great for: Build a feature · Novel concept · Diagnose</span></span></label><label class="tech"><input type="checkbox" data-name="First Principles Thinking" data-cat="Creative" data-desc="Strip every assumption to bedrock facts, then rebuild the solution from scratch on truth alone" data-good="feature|novel|diagnosis|strategy" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.4" stroke-linecap="round"><line x1="22" y1="6.5" x2="22" y2="12.5"/><line x1="22" y1="31.5" x2="22" y2="37.5"/><line x1="6.5" y1="22" x2="12.5" y2="22"/><line x1="31.5" y1="22" x2="37.5" y2="22"/><line x1="11.3" y1="11.3" x2="15.5" y2="15.5"/><line x1="28.5" y1="28.5" x2="32.7" y2="32.7"/><line x1="32.7" y1="11.3" x2="28.5" y2="15.5"/><line x1="15.5" y1="28.5" x2="11.3" y2="32.7"/></g><circle cx="22" cy="22" r="6.6" fill="currentColor" fill-opacity="0.25"/><circle cx="22" cy="22" r="3.6" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="10" y="28" width="8" height="6" rx="1"/><rect x="18.5" y="28" width="8" height="6" rx="1"/><rect x="27" y="28" width="7" height="6" rx="1"/></g><path d="M22 25 L22 11 M16 17 L22 11 L28 17" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span><span><span class="n">First Principles Thinking</span><span class="d">Strip every assumption to bedrock facts, then rebuild the solution from scratch on truth alone</span><span class="gf">Great for: Build a feature · Novel concept · Diagnose · Strategy</span></span></label><label class="tech"><input type="checkbox" data-name="Forced Relationships" data-cat="Creative" data-desc="Grab two unrelated things at random and force a bridge between them until an idea falls out" data-good="novel|unstuck" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.4" stroke-linecap="round"><line x1="22" y1="6.5" x2="22" y2="12.5"/><line x1="22" y1="31.5" x2="22" y2="37.5"/><line x1="6.5" y1="22" x2="12.5" y2="22"/><line x1="31.5" y1="22" x2="37.5" y2="22"/><line x1="11.3" y1="11.3" x2="15.5" y2="15.5"/><line x1="28.5" y1="28.5" x2="32.7" y2="32.7"/><line x1="32.7" y1="11.3" x2="28.5" y2="15.5"/><line x1="15.5" y1="28.5" x2="11.3" y2="32.7"/></g><circle cx="22" cy="22" r="6.6" fill="currentColor" fill-opacity="0.25"/><circle cx="22" cy="22" r="3.6" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="12" cy="22" r="3.4" fill="currentColor"/><circle cx="32" cy="22" r="3.4" fill="currentColor"/><path d="M15 22 q7 -9 14 0" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-dasharray="1.5 3"/></svg></span><span><span class="n">Forced Relationships</span><span class="d">Grab two unrelated things at random and force a bridge between them until an idea falls out</span><span class="gf">Great for: Novel concept · Get unstuck</span></span></label><label class="tech"><input type="checkbox" data-name="Time Shifting" data-cat="Creative" data-desc="Solve the problem as a 1900s artisan, then a 2150 colonist — harvest the era-bound constraints and tricks" data-good="novel|unstuck" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.4" stroke-linecap="round"><line x1="22" y1="6.5" x2="22" y2="12.5"/><line x1="22" y1="31.5" x2="22" y2="37.5"/><line x1="6.5" y1="22" x2="12.5" y2="22"/><line x1="31.5" y1="22" x2="37.5" y2="22"/><line x1="11.3" y1="11.3" x2="15.5" y2="15.5"/><line x1="28.5" y1="28.5" x2="32.7" y2="32.7"/><line x1="32.7" y1="11.3" x2="28.5" y2="15.5"/><line x1="15.5" y1="28.5" x2="11.3" y2="32.7"/></g><circle cx="22" cy="22" r="6.6" fill="currentColor" fill-opacity="0.25"/><circle cx="22" cy="22" r="3.6" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="22" cy="22" r="12" fill="none" stroke="currentColor" stroke-width="2"/><path d="M22 15 V22 L27 25" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg></span><span><span class="n">Time Shifting</span><span class="d">Solve the problem as a 1900s artisan, then a 2150 colonist — harvest the era-bound constraints and tricks</span><span class="gf">Great for: Novel concept · Get unstuck</span></span></label><label class="tech"><input type="checkbox" data-name="Metaphor Mapping" data-cat="Creative" data-desc="Declare the problem IS a chosen metaphor, extend the metaphor fully, map each part back to find insights" data-good="novel|diagnosis" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.4" stroke-linecap="round"><line x1="22" y1="6.5" x2="22" y2="12.5"/><line x1="22" y1="31.5" x2="22" y2="37.5"/><line x1="6.5" y1="22" x2="12.5" y2="22"/><line x1="31.5" y1="22" x2="37.5" y2="22"/><line x1="11.3" y1="11.3" x2="15.5" y2="15.5"/><line x1="28.5" y1="28.5" x2="32.7" y2="32.7"/><line x1="32.7" y1="11.3" x2="28.5" y2="15.5"/><line x1="15.5" y1="28.5" x2="11.3" y2="32.7"/></g><circle cx="22" cy="22" r="6.6" fill="currentColor" fill-opacity="0.25"/><circle cx="22" cy="22" r="3.6" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><rect x="10" y="14" width="14" height="14" rx="2" fill="none" stroke="currentColor" stroke-width="2"/><circle cx="28" cy="25" r="7" fill="currentColor" fill-opacity=".22"/><circle cx="28" cy="25" r="7" fill="none" stroke="currentColor" stroke-width="2"/></svg></span><span><span class="n">Metaphor Mapping</span><span class="d">Declare the problem IS a chosen metaphor, extend the metaphor fully, map each part back to find insights</span><span class="gf">Great for: Novel concept · Diagnose</span></span></label><label class="tech"><input type="checkbox" data-name="Cross-Pollination" data-cat="Creative" data-desc="Ask how a wildly different industry — casinos, ERs, beekeeping — would crack this, then adapt their move" data-good="novel|feature|strategy" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.4" stroke-linecap="round"><line x1="22" y1="6.5" x2="22" y2="12.5"/><line x1="22" y1="31.5" x2="22" y2="37.5"/><line x1="6.5" y1="22" x2="12.5" y2="22"/><line x1="31.5" y1="22" x2="37.5" y2="22"/><line x1="11.3" y1="11.3" x2="15.5" y2="15.5"/><line x1="28.5" y1="28.5" x2="32.7" y2="32.7"/><line x1="32.7" y1="11.3" x2="28.5" y2="15.5"/><line x1="15.5" y1="28.5" x2="11.3" y2="32.7"/></g><circle cx="22" cy="22" r="6.6" fill="currentColor" fill-opacity="0.25"/><circle cx="22" cy="22" r="3.6" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M13 14 H27 a4 4 0 0 1 0 8 H17 a4 4 0 0 0 0 8 H31"/><path d="M28 11 L31.5 14 L28 17 M16 27 L12.5 30 L16 33"/></g></svg></span><span><span class="n">Cross-Pollination</span><span class="d">Ask how a wildly different industry — casinos, ERs, beekeeping — would crack this, then adapt their move</span><span class="gf">Great for: Novel concept · Build a feature · Strategy</span></span></label><label class="tech"><input type="checkbox" data-name="Concept Blending" data-cat="Creative" data-desc="Fuse two concepts into one new hybrid category and name what the merger becomes, not just combines" data-good="novel" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.4" stroke-linecap="round"><line x1="22" y1="6.5" x2="22" y2="12.5"/><line x1="22" y1="31.5" x2="22" y2="37.5"/><line x1="6.5" y1="22" x2="12.5" y2="22"/><line x1="31.5" y1="22" x2="37.5" y2="22"/><line x1="11.3" y1="11.3" x2="15.5" y2="15.5"/><line x1="28.5" y1="28.5" x2="32.7" y2="32.7"/><line x1="32.7" y1="11.3" x2="28.5" y2="15.5"/><line x1="15.5" y1="28.5" x2="11.3" y2="32.7"/></g><circle cx="22" cy="22" r="6.6" fill="currentColor" fill-opacity="0.25"/><circle cx="22" cy="22" r="3.6" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="18" cy="22" r="8" fill="currentColor" fill-opacity=".25"/><circle cx="26" cy="22" r="8" fill="currentColor" fill-opacity=".25"/><g fill="none" stroke="currentColor" stroke-width="2"><circle cx="18" cy="22" r="8"/><circle cx="26" cy="22" r="8"/></g></svg></span><span><span class="n">Concept Blending</span><span class="d">Fuse two concepts into one new hybrid category and name what the merger becomes, not just combines</span><span class="gf">Great for: Novel concept</span></span></label><label class="tech"><input type="checkbox" data-name="Reverse Brainstorming" data-cat="Creative" data-desc="Generate problems instead of solutions — 'how could we make this fail?' — then mine each for its inverse" data-good="diagnosis|feature|unstuck" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.4" stroke-linecap="round"><line x1="22" y1="6.5" x2="22" y2="12.5"/><line x1="22" y1="31.5" x2="22" y2="37.5"/><line x1="6.5" y1="22" x2="12.5" y2="22"/><line x1="31.5" y1="22" x2="37.5" y2="22"/><line x1="11.3" y1="11.3" x2="15.5" y2="15.5"/><line x1="28.5" y1="28.5" x2="32.7" y2="32.7"/><line x1="32.7" y1="11.3" x2="28.5" y2="15.5"/><line x1="15.5" y1="28.5" x2="11.3" y2="32.7"/></g><circle cx="22" cy="22" r="6.6" fill="currentColor" fill-opacity="0.25"/><circle cx="22" cy="22" r="3.6" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M13 18 H28 a4 4 0 0 1 0 8 H16"/><path d="M19 15 L13 18 L19 21 M22 23 L16 26 L22 29"/></g></svg></span><span><span class="n">Reverse Brainstorming</span><span class="d">Generate problems instead of solutions — 'how could we make this fail?' — then mine each for its inverse</span><span class="gf">Great for: Diagnose · Build a feature · Get unstuck</span></span></label><label class="tech"><input type="checkbox" data-name="Sensory Exploration" data-cat="Creative" data-desc="Interrogate the idea through each sense — its taste, smell, sound, texture — to surface non-analytical angles" data-good="novel|unstuck" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.4" stroke-linecap="round"><line x1="22" y1="6.5" x2="22" y2="12.5"/><line x1="22" y1="31.5" x2="22" y2="37.5"/><line x1="6.5" y1="22" x2="12.5" y2="22"/><line x1="31.5" y1="22" x2="37.5" y2="22"/><line x1="11.3" y1="11.3" x2="15.5" y2="15.5"/><line x1="28.5" y1="28.5" x2="32.7" y2="32.7"/><line x1="32.7" y1="11.3" x2="28.5" y2="15.5"/><line x1="15.5" y1="28.5" x2="11.3" y2="32.7"/></g><circle cx="22" cy="22" r="6.6" fill="currentColor" fill-opacity="0.25"/><circle cx="22" cy="22" r="3.6" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M10 22 q12 -10 24 0 q-12 10 -24 0 z" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/><circle cx="22" cy="22" r="4" fill="currentColor"/></svg></span><span><span class="n">Sensory Exploration</span><span class="d">Interrogate the idea through each sense — its taste, smell, sound, texture — to surface non-analytical angles</span><span class="gf">Great for: Novel concept · Get unstuck</span></span></label><label class="tech invent"><input type="checkbox" data-invent="Creative"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.4" stroke-linecap="round"><line x1="22" y1="6.5" x2="22" y2="12.5"/><line x1="22" y1="31.5" x2="22" y2="37.5"/><line x1="6.5" y1="22" x2="12.5" y2="22"/><line x1="31.5" y1="22" x2="37.5" y2="22"/><line x1="11.3" y1="11.3" x2="15.5" y2="15.5"/><line x1="28.5" y1="28.5" x2="32.7" y2="32.7"/><line x1="32.7" y1="11.3" x2="28.5" y2="15.5"/><line x1="15.5" y1="28.5" x2="11.3" y2="32.7"/></g><circle cx="22" cy="22" r="6.6" fill="currentColor" fill-opacity="0.25"/><circle cx="22" cy="22" r="3.6" fill="currentColor"/></svg></span><span><span class="n">✨ Invent a Creative technique</span><span class="d">Make up a brand-new technique on the fly, in the spirit of Creative</span></span></label></div></section>
|
||
<section data-cat="Biomimetic" style="--c:#1f9d6b"><h2>Biomimetic<span class="cnt">6</span></h2><div class="grid"><label class="tech"><input type="checkbox" data-name="Nature's Solutions" data-cat="Biomimetic" data-desc="Name an organism that already solved your problem, then copy its mechanism into your design" data-good="feature|novel" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M22 7.5 C 31.5 12.5, 31.5 29, 22 36.5 C 12.5 29, 12.5 12.5, 22 7.5 Z" fill="currentColor" fill-opacity="0.22"/><path d="M22 9 V 35.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/><g stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><path d="M22 16 l5.6 -2.6"/><path d="M22 16 l-5.6 -2.6"/><path d="M22 22 l6.6 -2.6"/><path d="M22 22 l-6.6 -2.6"/><path d="M22 28 l5.6 -2.6"/><path d="M22 28 l-5.6 -2.6"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 32 C12 24 12 20 16 12 M28 32 C32 24 32 20 28 12"/><path d="M16 16 L28 14 M16 22 L28 20 M16 28 L28 26"/></g></svg></span><span><span class="n">Nature's Solutions</span><span class="d">Name an organism that already solved your problem, then copy its mechanism into your design</span><span class="gf">Great for: Build a feature · Novel concept</span></span></label><label class="tech"><input type="checkbox" data-name="Ecosystem Thinking" data-cat="Biomimetic" data-desc="Map your problem as an ecosystem: who eats whom, who partners, what decays, what fills the gaps" data-good="strategy|diagnosis" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M22 7.5 C 31.5 12.5, 31.5 29, 22 36.5 C 12.5 29, 12.5 12.5, 22 7.5 Z" fill="currentColor" fill-opacity="0.22"/><path d="M22 9 V 35.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/><g stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><path d="M22 16 l5.6 -2.6"/><path d="M22 16 l-5.6 -2.6"/><path d="M22 22 l6.6 -2.6"/><path d="M22 22 l-6.6 -2.6"/><path d="M22 28 l5.6 -2.6"/><path d="M22 28 l-5.6 -2.6"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="22" cy="13" r="2.4"/><circle cx="12" cy="27" r="2.4"/><circle cx="32" cy="27" r="2.4"/><circle cx="22" cy="24" r="2.4"/><path d="M22 15.4 V21.6 M14 26 L20 24.5 M30 26 L24 24.5 M13.6 25.2 L30.4 25.2"/></g></svg></span><span><span class="n">Ecosystem Thinking</span><span class="d">Map your problem as an ecosystem: who eats whom, who partners, what decays, what fills the gaps</span><span class="gf">Great for: Strategy · Diagnose</span></span></label><label class="tech"><input type="checkbox" data-name="Evolutionary Pressure" data-cat="Biomimetic" data-desc="Spawn many ugly variants, apply a brutal selection rule, breed the survivors, repeat until it adapts" data-good="feature|novel" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M22 7.5 C 31.5 12.5, 31.5 29, 22 36.5 C 12.5 29, 12.5 12.5, 22 7.5 Z" fill="currentColor" fill-opacity="0.22"/><path d="M22 9 V 35.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/><g stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><path d="M22 16 l5.6 -2.6"/><path d="M22 16 l-5.6 -2.6"/><path d="M22 22 l6.6 -2.6"/><path d="M22 22 l-6.6 -2.6"/><path d="M22 28 l5.6 -2.6"/><path d="M22 28 l-5.6 -2.6"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M11 31 H17 M19 31 a6 6 0 0 1 6 -6 M25 25 a5 5 0 0 1 5 -5 M30 20 H33"/><circle cx="11" cy="31" r="2" fill="currentColor"/><circle cx="33" cy="20" r="2.6" fill="currentColor"/></g></svg></span><span><span class="n">Evolutionary Pressure</span><span class="d">Spawn many ugly variants, apply a brutal selection rule, breed the survivors, repeat until it adapts</span><span class="gf">Great for: Build a feature · Novel concept</span></span></label><label class="tech"><input type="checkbox" data-name="Predator & Prey" data-cat="Biomimetic" data-desc="Pick a threat to your idea, then design the defense, camouflage, or escape an animal would evolve against it" data-good="strategy|feature" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M22 7.5 C 31.5 12.5, 31.5 29, 22 36.5 C 12.5 29, 12.5 12.5, 22 7.5 Z" fill="currentColor" fill-opacity="0.22"/><path d="M22 9 V 35.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/><g stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><path d="M22 16 l5.6 -2.6"/><path d="M22 16 l-5.6 -2.6"/><path d="M22 22 l6.6 -2.6"/><path d="M22 22 l-6.6 -2.6"/><path d="M22 28 l5.6 -2.6"/><path d="M22 28 l-5.6 -2.6"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M22 9 L33 14 V23 C33 30 28 34 22 36 C16 34 11 30 11 23 V14 Z" fill="currentColor" fill-opacity=".18"/><path d="M22 9 L33 14 V23 C33 30 28 34 22 36 C16 34 11 30 11 23 V14 Z" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/></svg></span><span><span class="n">Predator & Prey</span><span class="d">Pick a threat to your idea, then design the defense, camouflage, or escape an animal would evolve against it</span><span class="gf">Great for: Strategy · Build a feature</span></span></label><label class="tech"><input type="checkbox" data-name="Metamorphosis Stages" data-cat="Biomimetic" data-desc="Force your idea through egg, larva, pupa, adult: a radically different form and purpose at each life stage" data-good="novel|strategy" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M22 7.5 C 31.5 12.5, 31.5 29, 22 36.5 C 12.5 29, 12.5 12.5, 22 7.5 Z" fill="currentColor" fill-opacity="0.22"/><path d="M22 9 V 35.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/><g stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><path d="M22 16 l5.6 -2.6"/><path d="M22 16 l-5.6 -2.6"/><path d="M22 22 l6.6 -2.6"/><path d="M22 22 l-6.6 -2.6"/><path d="M22 28 l5.6 -2.6"/><path d="M22 28 l-5.6 -2.6"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 12 V32"/><path d="M22 16 C14 12 10 18 14 22 C10 26 14 32 22 28 C30 32 34 26 30 22 C34 18 30 12 22 16"/></g></svg></span><span><span class="n">Metamorphosis Stages</span><span class="d">Force your idea through egg, larva, pupa, adult: a radically different form and purpose at each life stage</span><span class="gf">Great for: Novel concept · Strategy</span></span></label><label class="tech"><input type="checkbox" data-name="Swarm Logic" data-cat="Biomimetic" data-desc="Forbid the master plan: solve it with dumb local rules each agent follows so order emerges from the bottom up" data-good="feature|strategy" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M22 7.5 C 31.5 12.5, 31.5 29, 22 36.5 C 12.5 29, 12.5 12.5, 22 7.5 Z" fill="currentColor" fill-opacity="0.22"/><path d="M22 9 V 35.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/><g stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><path d="M22 16 l5.6 -2.6"/><path d="M22 16 l-5.6 -2.6"/><path d="M22 22 l6.6 -2.6"/><path d="M22 22 l-6.6 -2.6"/><path d="M22 28 l5.6 -2.6"/><path d="M22 28 l-5.6 -2.6"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 10 L29 14 V22 L22 26 L15 22 V14 Z"/><path d="M15 24 L18 33 M29 24 L26 33 M22 28 V35" stroke-opacity=".6"/></g></svg></span><span><span class="n">Swarm Logic</span><span class="d">Forbid the master plan: solve it with dumb local rules each agent follows so order emerges from the bottom up</span><span class="gf">Great for: Build a feature · Strategy</span></span></label><label class="tech invent"><input type="checkbox" data-invent="Biomimetic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M22 7.5 C 31.5 12.5, 31.5 29, 22 36.5 C 12.5 29, 12.5 12.5, 22 7.5 Z" fill="currentColor" fill-opacity="0.22"/><path d="M22 9 V 35.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/><g stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><path d="M22 16 l5.6 -2.6"/><path d="M22 16 l-5.6 -2.6"/><path d="M22 22 l6.6 -2.6"/><path d="M22 22 l-6.6 -2.6"/><path d="M22 28 l5.6 -2.6"/><path d="M22 28 l-5.6 -2.6"/></g></svg></span><span><span class="n">✨ Invent a Biomimetic technique</span><span class="d">Make up a brand-new technique on the fly, in the spirit of Biomimetic</span></span></label></div></section>
|
||
<section data-cat="Cultural" style="--c:#c75b39"><h2>Cultural<span class="cnt">7</span></h2><div class="grid"><label class="tech"><input type="checkbox" data-name="Indigenous Wisdom" data-cat="Cultural" data-desc="Ask how an indigenous or traditional knowledge system would approach this — name the culture, channel its ancestral problem-solving" data-good="personal|strategy|novel" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="22" cy="22" r="13.5" fill="currentColor" fill-opacity="0.14"/><g stroke="currentColor" stroke-width="1.6" fill="none"><circle cx="22" cy="22" r="13.5"/><ellipse cx="22" cy="22" rx="6" ry="13.5"/><line x1="8.5" y1="22" x2="35.5" y2="22"/><path d="M11 15 H 33" stroke-opacity="0.55"/><path d="M11 29 H 33" stroke-opacity="0.55"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M26 11 C18 16 14 24 13 33 M26 11 C28 18 26 25 20 29"/><path d="M26 11 C24 13 22 14 19 15 M24 16 C22 18 20 19 17 20 M22 21 C20 23 18 24 15 25"/></g></svg></span><span><span class="n">Indigenous Wisdom</span><span class="d">Ask how an indigenous or traditional knowledge system would approach this — name the culture, channel its ancestral problem-solving</span><span class="gf">Great for: Personal / life · Strategy · Novel concept</span></span></label><label class="tech"><input type="checkbox" data-name="Fusion Cuisine" data-cat="Cultural" data-desc="Pick two unrelated cultures and force-blend their approaches; harvest the hybrid that neither alone would invent" data-good="novel" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="22" cy="22" r="13.5" fill="currentColor" fill-opacity="0.14"/><g stroke="currentColor" stroke-width="1.6" fill="none"><circle cx="22" cy="22" r="13.5"/><ellipse cx="22" cy="22" rx="6" ry="13.5"/><line x1="8.5" y1="22" x2="35.5" y2="22"/><path d="M11 15 H 33" stroke-opacity="0.55"/><path d="M11 29 H 33" stroke-opacity="0.55"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 19 a12 7 0 0 0 24 0 Z"/><path d="M22 19 V32 M16 32 H28"/></g></svg></span><span><span class="n">Fusion Cuisine</span><span class="d">Pick two unrelated cultures and force-blend their approaches; harvest the hybrid that neither alone would invent</span><span class="gf">Great for: Novel concept</span></span></label><label class="tech"><input type="checkbox" data-name="Ritual Innovation" data-cat="Cultural" data-desc="Redesign the idea as a ceremony — define the threshold, the gestures, the transformation participants undergo" data-good="novel|personal" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="22" cy="22" r="13.5" fill="currentColor" fill-opacity="0.14"/><g stroke="currentColor" stroke-width="1.6" fill="none"><circle cx="22" cy="22" r="13.5"/><ellipse cx="22" cy="22" rx="6" ry="13.5"/><line x1="8.5" y1="22" x2="35.5" y2="22"/><path d="M11 15 H 33" stroke-opacity="0.55"/><path d="M11 29 H 33" stroke-opacity="0.55"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 33 V17 a10 10 0 0 1 20 0 V33"/><path d="M12 33 H32 M22 33 V21"/></g></svg></span><span><span class="n">Ritual Innovation</span><span class="d">Redesign the idea as a ceremony — define the threshold, the gestures, the transformation participants undergo</span><span class="gf">Great for: Novel concept · Personal / life</span></span></label><label class="tech"><input type="checkbox" data-name="Mythic Frameworks" data-cat="Cultural" data-desc="Map the problem onto a myth: name the archetypes, find the parallel tale, let its structure dictate the resolution" data-good="strategy|personal|novel" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="22" cy="22" r="13.5" fill="currentColor" fill-opacity="0.14"/><g stroke="currentColor" stroke-width="1.6" fill="none"><circle cx="22" cy="22" r="13.5"/><ellipse cx="22" cy="22" rx="6" ry="13.5"/><line x1="8.5" y1="22" x2="35.5" y2="22"/><path d="M11 15 H 33" stroke-opacity="0.55"/><path d="M11 29 H 33" stroke-opacity="0.55"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 12 h13 a3 3 0 0 1 3 3 v17 l-3 -2 -3 2 -3 -2 -3 2 V15 a3 3 0 0 0 -3 -3 z"/><path d="M14 12 a3 3 0 0 0 -3 3 h6"/><path d="M20 18 H26 M20 23 H26"/></g></svg></span><span><span class="n">Mythic Frameworks</span><span class="d">Map the problem onto a myth: name the archetypes, find the parallel tale, let its structure dictate the resolution</span><span class="gf">Great for: Strategy · Personal / life · Novel concept</span></span></label><label class="tech"><input type="checkbox" data-name="Proverb Mining" data-cat="Cultural" data-desc="Collect proverbs from many cultures on this theme, then build the solution from the one that clashes hardest with your assumptions" data-good="personal|strategy" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="22" cy="22" r="13.5" fill="currentColor" fill-opacity="0.14"/><g stroke="currentColor" stroke-width="1.6" fill="none"><circle cx="22" cy="22" r="13.5"/><ellipse cx="22" cy="22" rx="6" ry="13.5"/><line x1="8.5" y1="22" x2="35.5" y2="22"/><path d="M11 15 H 33" stroke-opacity="0.55"/><path d="M11 29 H 33" stroke-opacity="0.55"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 14 C17 10 11 11 11 11 V30 s6 -1 11 3 c5 -4 11 -3 11 -3 V11 s-6 -1 -11 3 z"/><path d="M22 14 V31"/></g></svg></span><span><span class="n">Proverb Mining</span><span class="d">Collect proverbs from many cultures on this theme, then build the solution from the one that clashes hardest with your assumptions</span><span class="gf">Great for: Personal / life · Strategy</span></span></label><label class="tech"><input type="checkbox" data-name="Ancestor Council" data-cat="Cultural" data-desc="Convene three ancestors or elders from different traditions, voice each one's verdict on your idea, reconcile their disagreement" data-good="personal|strategy" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="22" cy="22" r="13.5" fill="currentColor" fill-opacity="0.14"/><g stroke="currentColor" stroke-width="1.6" fill="none"><circle cx="22" cy="22" r="13.5"/><ellipse cx="22" cy="22" rx="6" ry="13.5"/><line x1="8.5" y1="22" x2="35.5" y2="22"/><path d="M11 15 H 33" stroke-opacity="0.55"/><path d="M11 29 H 33" stroke-opacity="0.55"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2"><circle cx="22" cy="14" r="3.5"/><circle cx="13" cy="19" r="3"/><circle cx="31" cy="19" r="3"/></g><g fill="currentColor" fill-opacity=".25"><path d="M16 31 c0 -5 12 -5 12 0 z"/><path d="M8 31 c0 -4 9 -4.5 9 0 z"/><path d="M27 31 c0 -4.5 9 -4 9 0 z"/></g></svg></span><span><span class="n">Ancestor Council</span><span class="d">Convene three ancestors or elders from different traditions, voice each one's verdict on your idea, reconcile their disagreement</span><span class="gf">Great for: Personal / life · Strategy</span></span></label><label class="tech"><input type="checkbox" data-name="Trickster's Gambit" data-cat="Cultural" data-desc="Channel the trickster figure — coyote, Anansi, Loki — and solve it by cheating, inverting, or breaking the sacred rule" data-good="unstuck|strategy" data-prov="playful"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="22" cy="22" r="13.5" fill="currentColor" fill-opacity="0.14"/><g stroke="currentColor" stroke-width="1.6" fill="none"><circle cx="22" cy="22" r="13.5"/><ellipse cx="22" cy="22" rx="6" ry="13.5"/><line x1="8.5" y1="22" x2="35.5" y2="22"/><path d="M11 15 H 33" stroke-opacity="0.55"/><path d="M11 29 H 33" stroke-opacity="0.55"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><rect x="11" y="12" width="13" height="18" rx="2" transform="rotate(-10 17.5 21)" fill="currentColor" fill-opacity=".2" stroke="currentColor" stroke-width="2"/><rect x="20" y="14" width="13" height="18" rx="2" transform="rotate(10 26.5 23)" fill="none" stroke="currentColor" stroke-width="2"/><path d="M26.5 19 l1.4 3 1.4 -3 -1.4 -1 z" fill="currentColor"/></svg></span><span><span class="n">Trickster's Gambit</span><span class="d">Channel the trickster figure — coyote, Anansi, Loki — and solve it by cheating, inverting, or breaking the sacred rule</span><span class="gf">Great for: Get unstuck · Strategy</span></span></label><label class="tech invent"><input type="checkbox" data-invent="Cultural"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="22" cy="22" r="13.5" fill="currentColor" fill-opacity="0.14"/><g stroke="currentColor" stroke-width="1.6" fill="none"><circle cx="22" cy="22" r="13.5"/><ellipse cx="22" cy="22" rx="6" ry="13.5"/><line x1="8.5" y1="22" x2="35.5" y2="22"/><path d="M11 15 H 33" stroke-opacity="0.55"/><path d="M11 29 H 33" stroke-opacity="0.55"/></g></svg></span><span><span class="n">✨ Invent a Cultural technique</span><span class="d">Make up a brand-new technique on the fly, in the spirit of Cultural</span></span></label></div></section>
|
||
<section data-cat="Speculative Future" style="--c:#0fb5c9"><h2>Speculative Future<span class="cnt">8</span></h2><div class="grid"><label class="tech"><input type="checkbox" data-name="Time Horizon Ladder" data-cat="Speculative Future" data-desc="Solve the idea for 1 year out, then 10, then 100 — note what survives, breaks, or becomes absurd at each rung" data-good="strategy|planning|novel" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" fill="none"><path d="M11 31 L 26.5 15.5"/><path d="M20 14.5 H 28 V 22.5"/></g><circle cx="31" cy="12" r="2.8" fill="currentColor"/><g stroke="currentColor" stroke-width="1.4" stroke-linecap="round"><line x1="31" y1="6.5" x2="31" y2="8.4"/><line x1="31" y1="15.6" x2="31" y2="17.5"/><line x1="25.5" y1="12" x2="27.4" y2="12"/><line x1="34.6" y1="12" x2="36.5" y2="12"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 30 H35"/><path d="M14 30 V24 M22 30 V18 M30 30 V12"/></g><g fill="currentColor"><circle cx="14" cy="24" r="2"/><circle cx="22" cy="18" r="2"/><circle cx="30" cy="12" r="2"/></g></svg></span><span><span class="n">Time Horizon Ladder</span><span class="d">Solve the idea for 1 year out, then 10, then 100 — note what survives, breaks, or becomes absurd at each rung</span><span class="gf">Great for: Strategy · Planning · Novel concept</span></span></label><label class="tech"><input type="checkbox" data-name="Post-Scarcity Test" data-cat="Speculative Future" data-desc="Assume the core constraint (money, energy, time, attention) is now infinite and free — what does the idea become" data-good="novel|strategy" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" fill="none"><path d="M11 31 L 26.5 15.5"/><path d="M20 14.5 H 28 V 22.5"/></g><circle cx="31" cy="12" r="2.8" fill="currentColor"/><g stroke="currentColor" stroke-width="1.4" stroke-linecap="round"><line x1="31" y1="6.5" x2="31" y2="8.4"/><line x1="31" y1="15.6" x2="31" y2="17.5"/><line x1="25.5" y1="12" x2="27.4" y2="12"/><line x1="34.6" y1="12" x2="36.5" y2="12"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 22 a4.5 4.5 0 1 1 4.5 4.5 C16 26.5 14 18 11 18 a3.5 3.5 0 0 0 0 7 c4 0 5 -8 11 -8 a4.5 4.5 0 0 1 0 9 c-3 0 -4 -4.5 -7 -4.5"/></g></svg></span><span><span class="n">Post-Scarcity Test</span><span class="d">Assume the core constraint (money, energy, time, attention) is now infinite and free — what does the idea become</span><span class="gf">Great for: Novel concept · Strategy</span></span></label><label class="tech"><input type="checkbox" data-name="Utopia vs Dystopia Split-Screen" data-cat="Speculative Future" data-desc="Write the same future twice: the brochure where it went perfectly and the headline where it went horribly" data-good="strategy|diagnosis" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" fill="none"><path d="M11 31 L 26.5 15.5"/><path d="M20 14.5 H 28 V 22.5"/></g><circle cx="31" cy="12" r="2.8" fill="currentColor"/><g stroke="currentColor" stroke-width="1.4" stroke-linecap="round"><line x1="31" y1="6.5" x2="31" y2="8.4"/><line x1="31" y1="15.6" x2="31" y2="17.5"/><line x1="25.5" y1="12" x2="27.4" y2="12"/><line x1="34.6" y1="12" x2="36.5" y2="12"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><rect x="11" y="11" width="22" height="22" rx="3" fill="none" stroke="currentColor" stroke-width="2"/><path d="M22 11 V33" stroke="currentColor" stroke-width="2"/><path d="M22 11 H33 a0 0 0 0 1 0 0 V33 H22 Z" fill="currentColor" fill-opacity=".8"/></svg></span><span><span class="n">Utopia vs Dystopia Split-Screen</span><span class="d">Write the same future twice: the brochure where it went perfectly and the headline where it went horribly</span><span class="gf">Great for: Strategy · Diagnose</span></span></label><label class="tech"><input type="checkbox" data-name="Sci-Fi Artifact From the Future" data-cat="Speculative Future" data-desc="Describe one physical object, ad, or news clip from the world where this idea already won — reverse-engineer it" data-good="novel|feature" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" fill="none"><path d="M11 31 L 26.5 15.5"/><path d="M20 14.5 H 28 V 22.5"/></g><circle cx="31" cy="12" r="2.8" fill="currentColor"/><g stroke="currentColor" stroke-width="1.4" stroke-linecap="round"><line x1="31" y1="6.5" x2="31" y2="8.4"/><line x1="31" y1="15.6" x2="31" y2="17.5"/><line x1="25.5" y1="12" x2="27.4" y2="12"/><line x1="34.6" y1="12" x2="36.5" y2="12"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M22 9 L33 15 V28 L22 35 L11 28 V15 Z" fill="currentColor" fill-opacity=".15"/><path d="M22 9 L33 15 V28 L22 35 L11 28 V15 Z M11 15 L22 21 L33 15 M22 21 V35" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/></svg></span><span><span class="n">Sci-Fi Artifact From the Future</span><span class="d">Describe one physical object, ad, or news clip from the world where this idea already won — reverse-engineer it</span><span class="gf">Great for: Novel concept · Build a feature</span></span></label><label class="tech"><input type="checkbox" data-name="Emerging Tech Collision" data-cat="Speculative Future" data-desc="Force-marry your idea to a frontier tech (AGI, fusion, neural implants, gene edit) and ask what new thing is born" data-good="novel|feature|strategy" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" fill="none"><path d="M11 31 L 26.5 15.5"/><path d="M20 14.5 H 28 V 22.5"/></g><circle cx="31" cy="12" r="2.8" fill="currentColor"/><g stroke="currentColor" stroke-width="1.4" stroke-linecap="round"><line x1="31" y1="6.5" x2="31" y2="8.4"/><line x1="31" y1="15.6" x2="31" y2="17.5"/><line x1="25.5" y1="12" x2="27.4" y2="12"/><line x1="34.6" y1="12" x2="36.5" y2="12"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><rect x="15" y="15" width="14" height="14" rx="2" fill="currentColor" fill-opacity=".22"/><rect x="15" y="15" width="14" height="14" rx="2" fill="none" stroke="currentColor" stroke-width="2"/><g stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M19 15 V10 M25 15 V10 M19 29 V34 M25 29 V34 M15 19 H10 M15 25 H10 M29 19 H34 M29 25 H34"/></g></svg></span><span><span class="n">Emerging Tech Collision</span><span class="d">Force-marry your idea to a frontier tech (AGI, fusion, neural implants, gene edit) and ask what new thing is born</span><span class="gf">Great for: Novel concept · Build a feature · Strategy</span></span></label><label class="tech"><input type="checkbox" data-name="What-If-The-World-Changed Card Flip" data-cat="Speculative Future" data-desc="Draw a wild world-shift (no privacy, half population, 200-yr lifespans) and redesign the idea to fit that world" data-good="novel|unstuck" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" fill="none"><path d="M11 31 L 26.5 15.5"/><path d="M20 14.5 H 28 V 22.5"/></g><circle cx="31" cy="12" r="2.8" fill="currentColor"/><g stroke="currentColor" stroke-width="1.4" stroke-linecap="round"><line x1="31" y1="6.5" x2="31" y2="8.4"/><line x1="31" y1="15.6" x2="31" y2="17.5"/><line x1="25.5" y1="12" x2="27.4" y2="12"/><line x1="34.6" y1="12" x2="36.5" y2="12"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><rect x="13" y="10" width="18" height="24" rx="2.5" fill="currentColor" fill-opacity=".18" stroke="currentColor" stroke-width="2"/><path d="M22 10 V34" stroke="currentColor" stroke-width="1.6" stroke-dasharray="2 2.5"/><path d="M27 16 a4 4 0 1 1 4 4" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg></span><span><span class="n">What-If-The-World-Changed Card Flip</span><span class="d">Draw a wild world-shift (no privacy, half population, 200-yr lifespans) and redesign the idea to fit that world</span><span class="gf">Great for: Novel concept · Get unstuck</span></span></label><label class="tech"><input type="checkbox" data-name="Future Anthropologist Dig" data-cat="Speculative Future" data-desc="A scholar in 2200 unearths your idea as a relic — what do they conclude it reveals about us, and what replaced it" data-good="strategy|novel" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" fill="none"><path d="M11 31 L 26.5 15.5"/><path d="M20 14.5 H 28 V 22.5"/></g><circle cx="31" cy="12" r="2.8" fill="currentColor"/><g stroke="currentColor" stroke-width="1.4" stroke-linecap="round"><line x1="31" y1="6.5" x2="31" y2="8.4"/><line x1="31" y1="15.6" x2="31" y2="17.5"/><line x1="25.5" y1="12" x2="27.4" y2="12"/><line x1="34.6" y1="12" x2="36.5" y2="12"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 27 a6 6 0 1 1 0.1 0 z"/><path d="M22 23 a2.5 2.5 0 1 0 0.1 0 M19 30 a5 5 0 0 0 6 0"/></g><path d="M12 16 L17 13 M32 16 L27 13" stroke="currentColor" stroke-width="1.6" stroke-opacity=".5"/></svg></span><span><span class="n">Future Anthropologist Dig</span><span class="d">A scholar in 2200 unearths your idea as a relic — what do they conclude it reveals about us, and what replaced it</span><span class="gf">Great for: Strategy · Novel concept</span></span></label><label class="tech"><input type="checkbox" data-name="Scenario Cross" data-cat="Speculative Future" data-desc="Pick two high-impact uncertainties, cross them into four futures, and ideate the move that wins in every one" data-good="strategy|planning" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" fill="none"><path d="M11 31 L 26.5 15.5"/><path d="M20 14.5 H 28 V 22.5"/></g><circle cx="31" cy="12" r="2.8" fill="currentColor"/><g stroke="currentColor" stroke-width="1.4" stroke-linecap="round"><line x1="31" y1="6.5" x2="31" y2="8.4"/><line x1="31" y1="15.6" x2="31" y2="17.5"/><line x1="25.5" y1="12" x2="27.4" y2="12"/><line x1="34.6" y1="12" x2="36.5" y2="12"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M22 9 V35 M9 22 H35"/></g><g fill="currentColor"><circle cx="15" cy="15" r="2"/><circle cx="29" cy="15" r="2"/><circle cx="15" cy="29" r="2"/><circle cx="29" cy="29" r="2"/></g></svg></span><span><span class="n">Scenario Cross</span><span class="d">Pick two high-impact uncertainties, cross them into four futures, and ideate the move that wins in every one</span><span class="gf">Great for: Strategy · Planning</span></span></label><label class="tech invent"><input type="checkbox" data-invent="Speculative Future"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" fill="none"><path d="M11 31 L 26.5 15.5"/><path d="M20 14.5 H 28 V 22.5"/></g><circle cx="31" cy="12" r="2.8" fill="currentColor"/><g stroke="currentColor" stroke-width="1.4" stroke-linecap="round"><line x1="31" y1="6.5" x2="31" y2="8.4"/><line x1="31" y1="15.6" x2="31" y2="17.5"/><line x1="25.5" y1="12" x2="27.4" y2="12"/><line x1="34.6" y1="12" x2="36.5" y2="12"/></g></svg></span><span><span class="n">✨ Invent a Speculative Future technique</span><span class="d">Make up a brand-new technique on the fly, in the spirit of Speculative Future</span></span></label></div></section>
|
||
<section data-cat="Quantum" style="--c:#2b86d9"><h2>Quantum<span class="cnt">6</span></h2><div class="grid"><label class="tech"><input type="checkbox" data-name="Observer Effect" data-cat="Quantum" data-desc="Ask how the act of watching, measuring, or shipping this idea changes the very thing you're trying to capture" data-good="strategy|diagnosis" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="1.8" fill="none"><ellipse cx="22" cy="22" rx="14.5" ry="6" transform="rotate(28 22 22)"/><ellipse cx="22" cy="22" rx="14.5" ry="6" transform="rotate(-28 22 22)"/></g><circle cx="22" cy="22" r="6.6" fill="currentColor" fill-opacity="0.18"/><circle cx="22" cy="22" r="3.4" fill="currentColor"/><circle cx="33.2" cy="17.4" r="2" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M9 22 q13 -10 26 0 q-13 10 -26 0 z" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/><circle cx="22" cy="22" r="4.5" fill="none" stroke="currentColor" stroke-width="2"/><circle cx="22" cy="22" r="1.8" fill="currentColor"/></svg></span><span><span class="n">Observer Effect</span><span class="d">Ask how the act of watching, measuring, or shipping this idea changes the very thing you're trying to capture</span><span class="gf">Great for: Strategy · Diagnose</span></span></label><label class="tech"><input type="checkbox" data-name="Entanglement Thinking" data-cat="Quantum" data-desc="Pair two distant parts of the problem and insist a change in one instantly flips the other — surface the hidden linkage" data-good="diagnosis|strategy" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="1.8" fill="none"><ellipse cx="22" cy="22" rx="14.5" ry="6" transform="rotate(28 22 22)"/><ellipse cx="22" cy="22" rx="14.5" ry="6" transform="rotate(-28 22 22)"/></g><circle cx="22" cy="22" r="6.6" fill="currentColor" fill-opacity="0.18"/><circle cx="22" cy="22" r="3.4" fill="currentColor"/><circle cx="33.2" cy="17.4" r="2" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2"><circle cx="15" cy="22" r="6"/><circle cx="29" cy="22" r="6"/></g><path d="M15 22 h14" stroke="currentColor" stroke-width="2" stroke-dasharray="1.5 2.5"/><g fill="currentColor"><circle cx="15" cy="22" r="1.8"/><circle cx="29" cy="22" r="1.8"/></g></svg></span><span><span class="n">Entanglement Thinking</span><span class="d">Pair two distant parts of the problem and insist a change in one instantly flips the other — surface the hidden linkage</span><span class="gf">Great for: Diagnose · Strategy</span></span></label><label class="tech"><input type="checkbox" data-name="Superposition Collapse" data-cat="Quantum" data-desc="Hold all rival solutions alive at once, then name the one constraint that collapses them to a single winner" data-good="strategy|diagnosis" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="1.8" fill="none"><ellipse cx="22" cy="22" rx="14.5" ry="6" transform="rotate(28 22 22)"/><ellipse cx="22" cy="22" rx="14.5" ry="6" transform="rotate(-28 22 22)"/></g><circle cx="22" cy="22" r="6.6" fill="currentColor" fill-opacity="0.18"/><circle cx="22" cy="22" r="3.4" fill="currentColor"/><circle cx="33.2" cy="17.4" r="2" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M11 12 C20 16 24 16 33 12 M11 18 C20 22 24 22 33 18 M11 24 C20 28 24 28 33 24"/><path d="M22 26 V34"/></g><circle cx="22" cy="34" r="2" fill="currentColor"/></svg></span><span><span class="n">Superposition Collapse</span><span class="d">Hold all rival solutions alive at once, then name the one constraint that collapses them to a single winner</span><span class="gf">Great for: Strategy · Diagnose</span></span></label><label class="tech"><input type="checkbox" data-name="Relativity Frame Shift" data-cat="Quantum" data-desc="Re-run the idea from a wildly different observer's reference frame — the slow user, the rival, future-you — and see what warps" data-good="strategy|novel" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="1.8" fill="none"><ellipse cx="22" cy="22" rx="14.5" ry="6" transform="rotate(28 22 22)"/><ellipse cx="22" cy="22" rx="14.5" ry="6" transform="rotate(-28 22 22)"/></g><circle cx="22" cy="22" r="6.6" fill="currentColor" fill-opacity="0.18"/><circle cx="22" cy="22" r="3.4" fill="currentColor"/><circle cx="33.2" cy="17.4" r="2" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><rect x="11" y="11" width="22" height="22" rx="2" fill="none" stroke="currentColor" stroke-width="2" stroke-opacity=".4"/><rect x="15" y="15" width="18" height="18" rx="2" transform="rotate(-14 22 22)" fill="none" stroke="currentColor" stroke-width="2"/></svg></span><span><span class="n">Relativity Frame Shift</span><span class="d">Re-run the idea from a wildly different observer's reference frame — the slow user, the rival, future-you — and see what warps</span><span class="gf">Great for: Strategy · Novel concept</span></span></label><label class="tech"><input type="checkbox" data-name="Field Lines" data-cat="Quantum" data-desc="Treat the goal as a charge and map the invisible forces pulling every stakeholder toward or away from it" data-good="strategy" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="1.8" fill="none"><ellipse cx="22" cy="22" rx="14.5" ry="6" transform="rotate(28 22 22)"/><ellipse cx="22" cy="22" rx="14.5" ry="6" transform="rotate(-28 22 22)"/></g><circle cx="22" cy="22" r="6.6" fill="currentColor" fill-opacity="0.18"/><circle cx="22" cy="22" r="3.4" fill="currentColor"/><circle cx="33.2" cy="17.4" r="2" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 13 V31 M16 13 C24 18 24 26 16 31 M22 13 C32 18 32 26 22 31"/></g><circle cx="11" cy="22" r="2" fill="currentColor"/></svg></span><span><span class="n">Field Lines</span><span class="d">Treat the goal as a charge and map the invisible forces pulling every stakeholder toward or away from it</span><span class="gf">Great for: Strategy</span></span></label><label class="tech"><input type="checkbox" data-name="Quantum Tunneling" data-cat="Quantum" data-desc="Assume the idea can pass straight through the 'impossible' barrier instead of over it — what's on the other side, reached cheaply" data-good="unstuck|novel" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="1.8" fill="none"><ellipse cx="22" cy="22" rx="14.5" ry="6" transform="rotate(28 22 22)"/><ellipse cx="22" cy="22" rx="14.5" ry="6" transform="rotate(-28 22 22)"/></g><circle cx="22" cy="22" r="6.6" fill="currentColor" fill-opacity="0.18"/><circle cx="22" cy="22" r="3.4" fill="currentColor"/><circle cx="33.2" cy="17.4" r="2" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><rect x="20" y="9" width="5" height="26" rx="1.5" fill="currentColor" fill-opacity=".3"/><path d="M10 22 H34" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"/><path d="M28 17 L34 22 L28 27" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span><span><span class="n">Quantum Tunneling</span><span class="d">Assume the idea can pass straight through the 'impossible' barrier instead of over it — what's on the other side, reached cheaply</span><span class="gf">Great for: Get unstuck · Novel concept</span></span></label><label class="tech invent"><input type="checkbox" data-invent="Quantum"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="1.8" fill="none"><ellipse cx="22" cy="22" rx="14.5" ry="6" transform="rotate(28 22 22)"/><ellipse cx="22" cy="22" rx="14.5" ry="6" transform="rotate(-28 22 22)"/></g><circle cx="22" cy="22" r="6.6" fill="currentColor" fill-opacity="0.18"/><circle cx="22" cy="22" r="3.4" fill="currentColor"/><circle cx="33.2" cy="17.4" r="2" fill="currentColor"/></svg></span><span><span class="n">✨ Invent a Quantum technique</span><span class="d">Make up a brand-new technique on the fly, in the spirit of Quantum</span></span></label></div></section>
|
||
<h2 class="grouphdr" style="--c:#e2562f">Wild & Playful</h2>
|
||
<section data-cat="Wild" style="--c:#e2562f"><h2>Wild<span class="cnt">7</span></h2><div class="grid"><label class="tech"><input type="checkbox" data-name="Chaos Engineering" data-cat="Wild" data-desc="Deliberately break your idea every way it could fail, then rebuild only the parts that survive the wreckage" data-good="feature|diagnosis|strategy" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M24.5 6.5 L 12.5 24 H 19.5 L 17.5 37.5 L 31.5 18.5 H 24 L 24.5 6.5 Z" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 9 L25 18 L34 18 L27 24 L30 33 L22 27 L14 33 L17 24 L10 18 L19 18 Z"/></g></svg></span><span><span class="n">Chaos Engineering</span><span class="d">Deliberately break your idea every way it could fail, then rebuild only the parts that survive the wreckage</span><span class="gf">Great for: Build a feature · Diagnose · Strategy</span></span></label><label class="tech"><input type="checkbox" data-name="Guerrilla Gardening Ideas" data-cat="Wild" data-desc="Plant your solution in the least expected place and let it grow underground until it surprises everyone" data-good="strategy|unstuck" data-prov="playful"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M24.5 6.5 L 12.5 24 H 19.5 L 17.5 37.5 L 31.5 18.5 H 24 L 24.5 6.5 Z" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 33 V21"/><path d="M22 22 c-7 0 -9 -6 -9 -9 c6 0 9 3 9 9 z"/><path d="M22 24 c6 0 8 -4 8 -7 c-5 0 -8 2 -8 7 z"/></g></svg></span><span><span class="n">Guerrilla Gardening Ideas</span><span class="d">Plant your solution in the least expected place and let it grow underground until it surprises everyone</span><span class="gf">Great for: Strategy · Get unstuck</span></span></label><label class="tech"><input type="checkbox" data-name="Pirate Code Brainstorm" data-cat="Wild" data-desc="Steal the best bits from anywhere, remix without asking permission, grab what works and run" data-good="novel|unstuck" data-prov="playful"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M24.5 6.5 L 12.5 24 H 19.5 L 17.5 37.5 L 31.5 18.5 H 24 L 24.5 6.5 Z" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M22 10 c-7 0 -11 5 -11 11 c0 4 2 6 4 7 v4 h3 v-2 h2 v2 h4 v-2 h2 v2 h3 v-4 c2 -1 4 -3 4 -7 c0 -6 -4 -11 -11 -11 z" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/><g fill="currentColor"><circle cx="17.5" cy="21" r="2.2"/><circle cx="26.5" cy="21" r="2.2"/></g></svg></span><span><span class="n">Pirate Code Brainstorm</span><span class="d">Steal the best bits from anywhere, remix without asking permission, grab what works and run</span><span class="gf">Great for: Novel concept · Get unstuck</span></span></label><label class="tech"><input type="checkbox" data-name="Zombie Apocalypse Planning" data-cat="Wild" data-desc="Society just collapsed — strip your idea to only what survives with no power, no rules, no backup" data-good="feature|strategy|unstuck" data-prov="playful"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M24.5 6.5 L 12.5 24 H 19.5 L 17.5 37.5 L 31.5 18.5 H 24 L 24.5 6.5 Z" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="22" cy="22" r="4" fill="none" stroke="currentColor" stroke-width="2"/><g fill="none" stroke="currentColor" stroke-width="2"><path d="M22 10 a12 12 0 0 1 6 3.5 M32 16 a12 12 0 0 1 0 12 M28 33.5 a12 12 0 0 1 -12 0 M12 28 a12 12 0 0 1 0 -12 M16 10.5 a12 12 0 0 1 6 -0.5" stroke-dasharray="0.1 5.5"/></g><g fill="currentColor"><circle cx="22" cy="11" r="2"/><circle cx="11" cy="22" r="2"/><circle cx="33" cy="22" r="2"/></g></svg></span><span><span class="n">Zombie Apocalypse Planning</span><span class="d">Society just collapsed — strip your idea to only what survives with no power, no rules, no backup</span><span class="gf">Great for: Build a feature · Strategy · Get unstuck</span></span></label><label class="tech"><input type="checkbox" data-name="Drunk History Retelling" data-cat="Wild" data-desc="Explain it like you're three drinks in: no filter, no jargon, just the raw stupid-simple truth" data-good="unstuck|diagnosis" data-prov="playful"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M24.5 6.5 L 12.5 24 H 19.5 L 17.5 37.5 L 31.5 18.5 H 24 L 24.5 6.5 Z" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M13 12 H31 L25 23 V31 H19 V23 Z"/><path d="M19 31 H25" /></g><circle cx="29" cy="14" r="1.4" fill="currentColor"/></svg></span><span><span class="n">Drunk History Retelling</span><span class="d">Explain it like you're three drinks in: no filter, no jargon, just the raw stupid-simple truth</span><span class="gf">Great for: Get unstuck · Diagnose</span></span></label><label class="tech"><input type="checkbox" data-name="Anti-Solution" data-cat="Wild" data-desc="Brainstorm how to make the problem spectacularly worse, then invert every sabotage into a fix" data-good="diagnosis|unstuck" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M24.5 6.5 L 12.5 24 H 19.5 L 17.5 37.5 L 31.5 18.5 H 24 L 24.5 6.5 Z" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 18 a8 8 0 1 1 -1 8"/><path d="M14 12 L14 18.5 L20 18"/></g></svg></span><span><span class="n">Anti-Solution</span><span class="d">Brainstorm how to make the problem spectacularly worse, then invert every sabotage into a fix</span><span class="gf">Great for: Diagnose · Get unstuck</span></span></label><label class="tech"><input type="checkbox" data-name="Elemental Forces" data-cat="Wild" data-desc="Let fire, water, earth, and air each sculpt your idea their own brutal way and see what survives" data-good="novel|unstuck" data-prov="playful"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M24.5 6.5 L 12.5 24 H 19.5 L 17.5 37.5 L 31.5 18.5 H 24 L 24.5 6.5 Z" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 8 L30 22 H14 Z"/><path d="M14 30 L22 36 L30 30"/><path d="M14 26 H30"/></g></svg></span><span><span class="n">Elemental Forces</span><span class="d">Let fire, water, earth, and air each sculpt your idea their own brutal way and see what survives</span><span class="gf">Great for: Novel concept · Get unstuck</span></span></label><label class="tech invent"><input type="checkbox" data-invent="Wild"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M24.5 6.5 L 12.5 24 H 19.5 L 17.5 37.5 L 31.5 18.5 H 24 L 24.5 6.5 Z" fill="currentColor"/></svg></span><span><span class="n">✨ Invent a Wild technique</span><span class="d">Make up a brand-new technique on the fly, in the spirit of Wild</span></span></label></div></section>
|
||
<section data-cat="Absurdist" style="--c:#e0529c"><h2>Absurdist<span class="cnt">6</span></h2><div class="grid"><label class="tech"><input type="checkbox" data-name="Villain's Monologue" data-cat="Absurdist" data-desc="Pitch your problem as an evil mastermind gloating about their scheme; the diabolical plan reveals the real solution" data-good="diagnosis|strategy|unstuck" data-prov="playful"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g transform="rotate(-12 22 22)"><circle cx="22" cy="22" r="13" fill="currentColor" fill-opacity="0.14"/><circle cx="22" cy="22" r="13" stroke="currentColor" stroke-width="1.6" fill="none"/><path d="M16 19 q 2 -2.4 4 0" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/><circle cx="26.5" cy="18.8" r="1.8" fill="currentColor"/><path d="M16.5 26 C 19 30, 25 30, 28 24.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20 C16 18 19 18 22 21 C25 18 28 18 32 20 C30 24 26 24 22 21 C18 24 14 24 12 20 Z"/></g><circle cx="22" cy="14" r="2.4" fill="currentColor"/></svg></span><span><span class="n">Villain's Monologue</span><span class="d">Pitch your problem as an evil mastermind gloating about their scheme; the diabolical plan reveals the real solution</span><span class="gf">Great for: Diagnose · Strategy · Get unstuck</span></span></label><label class="tech"><input type="checkbox" data-name="Explain It to a Golden Retriever" data-cat="Absurdist" data-desc="Re-pitch the idea to an excitable dog who only cares about treats, balls, and naps; keep only what survives" data-good="unstuck|diagnosis|feature" data-prov="playful"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g transform="rotate(-12 22 22)"><circle cx="22" cy="22" r="13" fill="currentColor" fill-opacity="0.14"/><circle cx="22" cy="22" r="13" stroke="currentColor" stroke-width="1.6" fill="none"/><path d="M16 19 q 2 -2.4 4 0" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/><circle cx="26.5" cy="18.8" r="1.8" fill="currentColor"/><path d="M16.5 26 C 19 30, 25 30, 28 24.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 18 C12 12 17 13 18 17 M30 18 C32 12 27 13 26 17"/><path d="M15 19 C13 28 18 33 22 33 C26 33 31 28 29 19 C26 16 18 16 15 19 Z"/></g><g fill="currentColor"><circle cx="19" cy="24" r="1.4"/><circle cx="25" cy="24" r="1.4"/><circle cx="22" cy="28" r="1.6"/></g></svg></span><span><span class="n">Explain It to a Golden Retriever</span><span class="d">Re-pitch the idea to an excitable dog who only cares about treats, balls, and naps; keep only what survives</span><span class="gf">Great for: Get unstuck · Diagnose · Build a feature</span></span></label><label class="tech"><input type="checkbox" data-name="Infomercial at 3AM" data-cat="Absurdist" data-desc="Sell your half-baked idea as a desperate late-night infomercial: 'But wait, there's more!' until features fall out" data-good="strategy|novel" data-prov="playful"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g transform="rotate(-12 22 22)"><circle cx="22" cy="22" r="13" fill="currentColor" fill-opacity="0.14"/><circle cx="22" cy="22" r="13" stroke="currentColor" stroke-width="1.6" fill="none"/><path d="M16 19 q 2 -2.4 4 0" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/><circle cx="26.5" cy="18.8" r="1.8" fill="currentColor"/><path d="M16.5 26 C 19 30, 25 30, 28 24.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><rect x="9" y="14" width="26" height="18" rx="2.5" fill="none" stroke="currentColor" stroke-width="2"/><path d="M18 9 L22 14 L26 9" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M22 19 l1 2.6 2.8 .2 -2.1 1.9 .7 2.7 -2.4 -1.5 -2.4 1.5 .7 -2.7 -2.1 -1.9 2.8 -.2 z" fill="currentColor"/></svg></span><span><span class="n">Infomercial at 3AM</span><span class="d">Sell your half-baked idea as a desperate late-night infomercial: 'But wait, there's more!' until features fall out</span><span class="gf">Great for: Strategy · Novel concept</span></span></label><label class="tech"><input type="checkbox" data-name="Drunk Uncle at Thanksgiving" data-cat="Absurdist" data-desc="Have your loudest, least-filtered relative rant about the problem; mine the unhinged hot takes for buried truth" data-good="unstuck|diagnosis" data-prov="playful"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g transform="rotate(-12 22 22)"><circle cx="22" cy="22" r="13" fill="currentColor" fill-opacity="0.14"/><circle cx="22" cy="22" r="13" stroke="currentColor" stroke-width="1.6" fill="none"/><path d="M16 19 q 2 -2.4 4 0" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/><circle cx="26.5" cy="18.8" r="1.8" fill="currentColor"/><path d="M16.5 26 C 19 30, 25 30, 28 24.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M11 16 L20 16 L27 11 V29 L20 24 L11 24 Z"/><path d="M30 16 q3 4 0 8 M33 13 q5 7 0 14"/></g></svg></span><span><span class="n">Drunk Uncle at Thanksgiving</span><span class="d">Have your loudest, least-filtered relative rant about the problem; mine the unhinged hot takes for buried truth</span><span class="gf">Great for: Get unstuck · Diagnose</span></span></label><label class="tech"><input type="checkbox" data-name="Cursed Genie" data-cat="Absurdist" data-desc="Make a wish, then let a malicious genie grant it in the most technically-correct disastrous way; patch each loophole" data-good="diagnosis|feature" data-prov="playful"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g transform="rotate(-12 22 22)"><circle cx="22" cy="22" r="13" fill="currentColor" fill-opacity="0.14"/><circle cx="22" cy="22" r="13" stroke="currentColor" stroke-width="1.6" fill="none"/><path d="M16 19 q 2 -2.4 4 0" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/><circle cx="26.5" cy="18.8" r="1.8" fill="currentColor"/><path d="M16.5 26 C 19 30, 25 30, 28 24.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 30 h18 a2 2 0 0 0 2 -2 c0 -5 -6 -5 -8 -8 c5 -1 8 -3 8 -3 c-4 -2 -12 -2 -16 1 c-4 3 -5 9 -4 12 z"/><path d="M30 17 L33 14 M31 21 L35 20" stroke-opacity=".6"/></g></svg></span><span><span class="n">Cursed Genie</span><span class="d">Make a wish, then let a malicious genie grant it in the most technically-correct disastrous way; patch each loophole</span><span class="gf">Great for: Diagnose · Build a feature</span></span></label><label class="tech"><input type="checkbox" data-name="Three Rounds of Stupid" data-cat="Absurdist" data-desc="Round 1 absurd ideas, Round 2 make each MORE absurd, Round 3 find the smallest serious thing hiding in the silliest" data-good="unstuck|novel" data-prov="playful"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g transform="rotate(-12 22 22)"><circle cx="22" cy="22" r="13" fill="currentColor" fill-opacity="0.14"/><circle cx="22" cy="22" r="13" stroke="currentColor" stroke-width="1.6" fill="none"/><path d="M16 19 q 2 -2.4 4 0" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/><circle cx="26.5" cy="18.8" r="1.8" fill="currentColor"/><path d="M16.5 26 C 19 30, 25 30, 28 24.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M13 30 V20 M9 24 L13 20 L17 24 M22 30 V15 M18 19 L22 15 L26 19 M31 30 V11 M27 15 L31 11 L35 15"/></g></svg></span><span><span class="n">Three Rounds of Stupid</span><span class="d">Round 1 absurd ideas, Round 2 make each MORE absurd, Round 3 find the smallest serious thing hiding in the silliest</span><span class="gf">Great for: Get unstuck · Novel concept</span></span></label><label class="tech invent"><input type="checkbox" data-invent="Absurdist"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g transform="rotate(-12 22 22)"><circle cx="22" cy="22" r="13" fill="currentColor" fill-opacity="0.14"/><circle cx="22" cy="22" r="13" stroke="currentColor" stroke-width="1.6" fill="none"/><path d="M16 19 q 2 -2.4 4 0" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/><circle cx="26.5" cy="18.8" r="1.8" fill="currentColor"/><path d="M16.5 26 C 19 30, 25 30, 28 24.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/></g></svg></span><span><span class="n">✨ Invent a Absurdist technique</span><span class="d">Make up a brand-new technique on the fly, in the spirit of Absurdist</span></span></label></div></section>
|
||
<section data-cat="Theatrical" style="--c:#cf4d6f"><h2>Theatrical<span class="cnt">7</span></h2><div class="grid"><label class="tech"><input type="checkbox" data-name="Time Travel Talk Show" data-cat="Theatrical" data-desc="Host a talk show interviewing your past, present, and future selves to mine each era for advice on the problem" data-good="novel|personal" data-prov="playful"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M13 12 H 31 V 22 C 31 30, 27 35, 22 35 C 17 35, 13 30, 13 22 Z" fill="currentColor" fill-opacity="0.18"/><path d="M13 12 H 31 V 22 C 31 30, 27 35, 22 35 C 17 35, 13 30, 13 22 Z" stroke="currentColor" stroke-width="1.8" fill="none"/><g fill="currentColor"><circle cx="18.5" cy="21" r="1.7"/><circle cx="25.5" cy="21" r="1.7"/></g><path d="M18 27 C 20 29.5, 24 29.5, 26 27" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><rect x="18" y="9" width="8" height="15" rx="4" fill="currentColor" fill-opacity=".25"/><rect x="18" y="9" width="8" height="15" rx="4" fill="none" stroke="currentColor" stroke-width="2"/><path d="M14 21 a8 8 0 0 0 16 0 M22 29 V34 M17 34 H27" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg></span><span><span class="n">Time Travel Talk Show</span><span class="d">Host a talk show interviewing your past, present, and future selves to mine each era for advice on the problem</span><span class="gf">Great for: Novel concept · Personal / life</span></span></label><label class="tech"><input type="checkbox" data-name="Alien Anthropologist" data-cat="Theatrical" data-desc="Become a baffled alien studying the problem and narrate aloud what seems strange, arbitrary, or insane about it" data-good="diagnosis|unstuck|strategy" data-prov="playful"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M13 12 H 31 V 22 C 31 30, 27 35, 22 35 C 17 35, 13 30, 13 22 Z" fill="currentColor" fill-opacity="0.18"/><path d="M13 12 H 31 V 22 C 31 30, 27 35, 22 35 C 17 35, 13 30, 13 22 Z" stroke="currentColor" stroke-width="1.8" fill="none"/><g fill="currentColor"><circle cx="18.5" cy="21" r="1.7"/><circle cx="25.5" cy="21" r="1.7"/></g><path d="M18 27 C 20 29.5, 24 29.5, 26 27" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><ellipse cx="22" cy="30" rx="13" ry="4.5" fill="currentColor" fill-opacity=".25"/><path d="M22 11 c7 0 10 6 10 11 c0 5 -5 7 -10 7 c-5 0 -10 -2 -10 -7 c0 -5 3 -11 10 -11 z" fill="none" stroke="currentColor" stroke-width="2"/><g fill="currentColor"><ellipse cx="18" cy="22" rx="1.6" ry="2.4"/><ellipse cx="26" cy="22" rx="1.6" ry="2.4"/></g></svg></span><span><span class="n">Alien Anthropologist</span><span class="d">Become a baffled alien studying the problem and narrate aloud what seems strange, arbitrary, or insane about it</span><span class="gf">Great for: Diagnose · Get unstuck · Strategy</span></span></label><label class="tech"><input type="checkbox" data-name="Dream Fusion Laboratory" data-cat="Theatrical" data-desc="Voice the impossible fantasy solution first, then reverse-engineer the bridging steps back to reality" data-good="novel|unstuck" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M13 12 H 31 V 22 C 31 30, 27 35, 22 35 C 17 35, 13 30, 13 22 Z" fill="currentColor" fill-opacity="0.18"/><path d="M13 12 H 31 V 22 C 31 30, 27 35, 22 35 C 17 35, 13 30, 13 22 Z" stroke="currentColor" stroke-width="1.8" fill="none"/><g fill="currentColor"><circle cx="18.5" cy="21" r="1.7"/><circle cx="25.5" cy="21" r="1.7"/></g><path d="M18 27 C 20 29.5, 24 29.5, 26 27" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 9 H26 M19.5 9 V18 L13 30 a2 2 0 0 0 2 3 H29 a2 2 0 0 0 2 -3 L24.5 18 V9"/></g><path d="M16.5 26 H27.5" stroke="currentColor" stroke-width="2"/><circle cx="20" cy="29" r="1.4" fill="currentColor"/><circle cx="25" cy="28" r="1.1" fill="currentColor"/></svg></span><span><span class="n">Dream Fusion Laboratory</span><span class="d">Voice the impossible fantasy solution first, then reverse-engineer the bridging steps back to reality</span><span class="gf">Great for: Novel concept · Get unstuck</span></span></label><label class="tech"><input type="checkbox" data-name="Emotion Orchestra" data-cat="Theatrical" data-desc="Run a separate ideation round led by each emotion (rage, joy, fear, hope), then harmonize their conflicting ideas" data-good="personal|strategy" data-prov="playful"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M13 12 H 31 V 22 C 31 30, 27 35, 22 35 C 17 35, 13 30, 13 22 Z" fill="currentColor" fill-opacity="0.18"/><path d="M13 12 H 31 V 22 C 31 30, 27 35, 22 35 C 17 35, 13 30, 13 22 Z" stroke="currentColor" stroke-width="1.8" fill="none"/><g fill="currentColor"><circle cx="18.5" cy="21" r="1.7"/><circle cx="25.5" cy="21" r="1.7"/></g><path d="M18 27 C 20 29.5, 24 29.5, 26 27" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 30 V15 L31 12 V27"/><circle cx="14" cy="30" r="3"/><circle cx="28" cy="27" r="3"/></g></svg></span><span><span class="n">Emotion Orchestra</span><span class="d">Run a separate ideation round led by each emotion (rage, joy, fear, hope), then harmonize their conflicting ideas</span><span class="gf">Great for: Personal / life · Strategy</span></span></label><label class="tech"><input type="checkbox" data-name="Parallel Universe Cafe" data-cat="Theatrical" data-desc="Rewrite one fundamental rule of reality (physics, economics, social norms) and solve the problem under those laws" data-good="novel|unstuck" data-prov="playful"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M13 12 H 31 V 22 C 31 30, 27 35, 22 35 C 17 35, 13 30, 13 22 Z" fill="currentColor" fill-opacity="0.18"/><path d="M13 12 H 31 V 22 C 31 30, 27 35, 22 35 C 17 35, 13 30, 13 22 Z" stroke="currentColor" stroke-width="1.8" fill="none"/><g fill="currentColor"><circle cx="18.5" cy="21" r="1.7"/><circle cx="25.5" cy="21" r="1.7"/></g><path d="M18 27 C 20 29.5, 24 29.5, 26 27" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2"><circle cx="18" cy="22" r="9"/><circle cx="26" cy="22" r="9" stroke-dasharray="2.5 2.5"/></g></svg></span><span><span class="n">Parallel Universe Cafe</span><span class="d">Rewrite one fundamental rule of reality (physics, economics, social norms) and solve the problem under those laws</span><span class="gf">Great for: Novel concept · Get unstuck</span></span></label><label class="tech"><input type="checkbox" data-name="Persona Journey" data-cat="Theatrical" data-desc="Embody an archetype and solve the problem in-character, naming what that persona sees that you normally miss" data-good="feature|strategy" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M13 12 H 31 V 22 C 31 30, 27 35, 22 35 C 17 35, 13 30, 13 22 Z" fill="currentColor" fill-opacity="0.18"/><path d="M13 12 H 31 V 22 C 31 30, 27 35, 22 35 C 17 35, 13 30, 13 22 Z" stroke="currentColor" stroke-width="1.8" fill="none"/><g fill="currentColor"><circle cx="18.5" cy="21" r="1.7"/><circle cx="25.5" cy="21" r="1.7"/></g><path d="M18 27 C 20 29.5, 24 29.5, 26 27" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M14 33 q-2 -8 6 -9 q8 -1 6 -8" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-dasharray="0.1 4"/><circle cx="14" cy="33" r="2.4" fill="currentColor"/><path d="M26 16 l3 -5 3 5 z" fill="currentColor"/></svg></span><span><span class="n">Persona Journey</span><span class="d">Embody an archetype and solve the problem in-character, naming what that persona sees that you normally miss</span><span class="gf">Great for: Build a feature · Strategy</span></span></label><label class="tech"><input type="checkbox" data-name="Devil's Advocate Courtroom" data-cat="Theatrical" data-desc="Stage a trial: prosecute the idea, defend it, then deliver the jury verdict, each role argued fully in character" data-good="strategy|diagnosis" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M13 12 H 31 V 22 C 31 30, 27 35, 22 35 C 17 35, 13 30, 13 22 Z" fill="currentColor" fill-opacity="0.18"/><path d="M13 12 H 31 V 22 C 31 30, 27 35, 22 35 C 17 35, 13 30, 13 22 Z" stroke="currentColor" stroke-width="1.8" fill="none"/><g fill="currentColor"><circle cx="18.5" cy="21" r="1.7"/><circle cx="25.5" cy="21" r="1.7"/></g><path d="M18 27 C 20 29.5, 24 29.5, 26 27" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 10 V32 M14 32 H30"/><path d="M11 16 H33 M11 16 L8 23 H14 Z M33 16 L30 23 H36 Z"/></g></svg></span><span><span class="n">Devil's Advocate Courtroom</span><span class="d">Stage a trial: prosecute the idea, defend it, then deliver the jury verdict, each role argued fully in character</span><span class="gf">Great for: Strategy · Diagnose</span></span></label><label class="tech invent"><input type="checkbox" data-invent="Theatrical"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M13 12 H 31 V 22 C 31 30, 27 35, 22 35 C 17 35, 13 30, 13 22 Z" fill="currentColor" fill-opacity="0.18"/><path d="M13 12 H 31 V 22 C 31 30, 27 35, 22 35 C 17 35, 13 30, 13 22 Z" stroke="currentColor" stroke-width="1.8" fill="none"/><g fill="currentColor"><circle cx="18.5" cy="21" r="1.7"/><circle cx="25.5" cy="21" r="1.7"/></g><path d="M18 27 C 20 29.5, 24 29.5, 26 27" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" fill="none"/></svg></span><span><span class="n">✨ Invent a Theatrical technique</span><span class="d">Make up a brand-new technique on the fly, in the spirit of Theatrical</span></span></label></div></section>
|
||
<section data-cat="Constraint" style="--c:#d9882b"><h2>Constraint<span class="cnt">7</span></h2><div class="grid"><label class="tech"><input type="checkbox" data-name="Kill the Crown Jewel" data-cat="Constraint" data-desc="Delete the single best, most beloved feature — now redesign the whole thing to win without it" data-good="feature|strategy|unstuck" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" fill="none"><path d="M17 11 H 11 V 17"/><path d="M27 11 H 33 V 17"/><path d="M17 33 H 11 V 27"/><path d="M27 33 H 33 V 27"/></g><circle cx="22" cy="22" r="5" fill="currentColor" fill-opacity="0.25"/><circle cx="22" cy="22" r="2.6" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M11 28 L13 15 L19 22 L22 12 L25 22 L31 15 L33 28 Z"/><path d="M11 28 H33"/></g><path d="M14 12 L30 32" stroke="currentColor" stroke-width="2.4" stroke-linecap="round"/></svg></span><span><span class="n">Kill the Crown Jewel</span><span class="d">Delete the single best, most beloved feature — now redesign the whole thing to win without it</span><span class="gf">Great for: Build a feature · Strategy · Get unstuck</span></span></label><label class="tech"><input type="checkbox" data-name="1000x Budget" data-cat="Constraint" data-desc="Pretend money, time, and people are infinite — design the absurd version, then mine it for ideas you can actually steal" data-good="novel|strategy" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" fill="none"><path d="M17 11 H 11 V 17"/><path d="M27 11 H 33 V 17"/><path d="M17 33 H 11 V 27"/><path d="M27 33 H 33 V 27"/></g><circle cx="22" cy="22" r="5" fill="currentColor" fill-opacity="0.25"/><circle cx="22" cy="22" r="2.6" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2"><ellipse cx="22" cy="14" rx="9" ry="3.5"/><path d="M13 14 V22 a9 3.5 0 0 0 18 0 V14"/><path d="M13 22 V30 a9 3.5 0 0 0 18 0 V22"/></g></svg></span><span><span class="n">1000x Budget</span><span class="d">Pretend money, time, and people are infinite — design the absurd version, then mine it for ideas you can actually steal</span><span class="gf">Great for: Novel concept · Strategy</span></span></label><label class="tech"><input type="checkbox" data-name="Ship in 60 Minutes" data-cat="Constraint" data-desc="You launch in one hour with what's already on hand — name what you cut, fake, or borrow to make it real" data-good="feature|planning|unstuck" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" fill="none"><path d="M17 11 H 11 V 17"/><path d="M27 11 H 33 V 17"/><path d="M17 33 H 11 V 27"/><path d="M27 33 H 33 V 27"/></g><circle cx="22" cy="22" r="5" fill="currentColor" fill-opacity="0.25"/><circle cx="22" cy="22" r="2.6" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="22" cy="24" r="11" fill="none" stroke="currentColor" stroke-width="2"/><path d="M22 24 V17 M22 24 L27 27" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><path d="M18 8 H26 M22 8 V13" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg></span><span><span class="n">Ship in 60 Minutes</span><span class="d">You launch in one hour with what's already on hand — name what you cut, fake, or borrow to make it real</span><span class="gf">Great for: Build a feature · Planning · Get unstuck</span></span></label><label class="tech"><input type="checkbox" data-name="The $0 Mandate" data-cat="Constraint" data-desc="Achieve the goal spending literally nothing — no tools, hires, or ads; only people, favors, and what you own" data-good="planning|strategy|feature" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" fill="none"><path d="M17 11 H 11 V 17"/><path d="M27 11 H 33 V 17"/><path d="M17 33 H 11 V 27"/><path d="M27 33 H 33 V 27"/></g><circle cx="22" cy="22" r="5" fill="currentColor" fill-opacity="0.25"/><circle cx="22" cy="22" r="2.6" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="22" cy="22" r="11" fill="none" stroke="currentColor" stroke-width="2"/><path d="M22 14 V30 M18 18 a4 3 0 0 1 8 0 a4 3 0 0 1 -8 4 a4 3 0 0 0 8 0" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/><path d="M14 30 L30 14" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"/></svg></span><span><span class="n">The $0 Mandate</span><span class="d">Achieve the goal spending literally nothing — no tools, hires, or ads; only people, favors, and what you own</span><span class="gf">Great for: Planning · Strategy · Build a feature</span></span></label><label class="tech"><input type="checkbox" data-name="One Feature Only" data-cat="Constraint" data-desc="You may keep exactly ONE capability and nothing else — pick it, then make that single thing unbelievably good" data-good="feature|strategy" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" fill="none"><path d="M17 11 H 11 V 17"/><path d="M27 11 H 33 V 17"/><path d="M17 33 H 11 V 27"/><path d="M27 33 H 33 V 27"/></g><circle cx="22" cy="22" r="5" fill="currentColor" fill-opacity="0.25"/><circle cx="22" cy="22" r="2.6" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="22" cy="22" r="4.5"/><path d="M22 9 V13 M22 31 V35 M9 22 H13 M31 22 H35" stroke-opacity=".35"/></g><circle cx="22" cy="22" r="2" fill="currentColor"/></svg></span><span><span class="n">One Feature Only</span><span class="d">You may keep exactly ONE capability and nothing else — pick it, then make that single thing unbelievably good</span><span class="gf">Great for: Build a feature · Strategy</span></span></label><label class="tech"><input type="checkbox" data-name="Crank the Dial to 11" data-cat="Constraint" data-desc="Pick one dimension and exaggerate it to a ludicrous extreme — fastest, biggest, cheapest, weirdest — and see what breaks open" data-good="novel|unstuck" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" fill="none"><path d="M17 11 H 11 V 17"/><path d="M27 11 H 33 V 17"/><path d="M17 33 H 11 V 27"/><path d="M27 33 H 33 V 27"/></g><circle cx="22" cy="22" r="5" fill="currentColor" fill-opacity="0.25"/><circle cx="22" cy="22" r="2.6" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M11 28 A12 12 0 0 1 33 28" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><path d="M22 28 L31 17" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"/><circle cx="22" cy="28" r="2.6" fill="currentColor"/></svg></span><span><span class="n">Crank the Dial to 11</span><span class="d">Pick one dimension and exaggerate it to a ludicrous extreme — fastest, biggest, cheapest, weirdest — and see what breaks open</span><span class="gf">Great for: Novel concept · Get unstuck</span></span></label><label class="tech"><input type="checkbox" data-name="Constraint Roulette" data-cat="Constraint" data-desc="Each round draw a brutal random limit (no screens, half the team, one day) and re-solve under it; survivors become real ideas" data-good="unstuck|feature" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" fill="none"><path d="M17 11 H 11 V 17"/><path d="M27 11 H 33 V 17"/><path d="M17 33 H 11 V 27"/><path d="M27 33 H 33 V 27"/></g><circle cx="22" cy="22" r="5" fill="currentColor" fill-opacity="0.25"/><circle cx="22" cy="22" r="2.6" fill="currentColor"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="22" cy="22" r="12" fill="none" stroke="currentColor" stroke-width="2"/><circle cx="22" cy="22" r="12" fill="none" stroke="currentColor" stroke-width="2" stroke-dasharray="3 3.7" stroke-opacity=".5"/><circle cx="22" cy="22" r="3" fill="currentColor"/><path d="M22 7 L25 12 H19 Z" fill="currentColor"/></svg></span><span><span class="n">Constraint Roulette</span><span class="d">Each round draw a brutal random limit (no screens, half the team, one day) and re-solve under it; survivors become real ideas</span><span class="gf">Great for: Get unstuck · Build a feature</span></span></label><label class="tech invent"><input type="checkbox" data-invent="Constraint"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" fill="none"><path d="M17 11 H 11 V 17"/><path d="M27 11 H 33 V 17"/><path d="M17 33 H 11 V 27"/><path d="M27 33 H 33 V 27"/></g><circle cx="22" cy="22" r="5" fill="currentColor" fill-opacity="0.25"/><circle cx="22" cy="22" r="2.6" fill="currentColor"/></svg></span><span><span class="n">✨ Invent a Constraint technique</span><span class="d">Make up a brand-new technique on the fly, in the spirit of Constraint</span></span></label></div></section>
|
||
<h2 class="grouphdr" style="--c:#b15ad6">Introspective & Personal</h2>
|
||
<section data-cat="Introspective Delight" style="--c:#b15ad6"><h2>Introspective Delight<span class="cnt">8</span></h2><div class="grid"><label class="tech"><input type="checkbox" data-name="Inner Child Conference" data-cat="Introspective Delight" data-desc="Answer as your 7-year-old self: ask naive 'why why why' questions, chase wonder, ban every boring adult thought" data-good="personal|unstuck" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="22" cy="13.5" r="4" fill="currentColor"/><path d="M10.5 31 C 12.5 23, 31.5 23, 33.5 31 Z" fill="currentColor" fill-opacity="0.22"/><path d="M10.5 31 C 12.5 23, 31.5 23, 33.5 31" stroke="currentColor" stroke-width="1.7" fill="none"/><path d="M13.5 30 C 16 26.5, 20 25.5, 22 25.5 C 24 25.5, 28 26.5, 30.5 30" stroke="currentColor" stroke-width="1.5" fill="none" stroke-opacity="0.6"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="22" cy="16" r="6" fill="none" stroke="currentColor" stroke-width="2"/><path d="M22 22 V31" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><path d="M19 34 q3 -3 6 0" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/><g fill="currentColor"><circle cx="20" cy="15" r="1"/><circle cx="24" cy="15" r="1"/></g></svg></span><span><span class="n">Inner Child Conference</span><span class="d">Answer as your 7-year-old self: ask naive 'why why why' questions, chase wonder, ban every boring adult thought</span><span class="gf">Great for: Personal / life · Get unstuck</span></span></label><label class="tech"><input type="checkbox" data-name="Shadow Work Mining" data-cat="Introspective Delight" data-desc="Name what you're avoiding, resisting, or scared of about this — then dig there for the buried insight" data-good="personal|diagnosis" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="22" cy="13.5" r="4" fill="currentColor"/><path d="M10.5 31 C 12.5 23, 31.5 23, 33.5 31 Z" fill="currentColor" fill-opacity="0.22"/><path d="M10.5 31 C 12.5 23, 31.5 23, 33.5 31" stroke="currentColor" stroke-width="1.7" fill="none"/><path d="M13.5 30 C 16 26.5, 20 25.5, 22 25.5 C 24 25.5, 28 26.5, 30.5 30" stroke="currentColor" stroke-width="1.5" fill="none" stroke-opacity="0.6"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="22" cy="22" r="12" fill="none" stroke="currentColor" stroke-width="2"/><path d="M22 10 a12 12 0 0 1 0 24 z" fill="currentColor" fill-opacity=".85"/></svg></span><span><span class="n">Shadow Work Mining</span><span class="d">Name what you're avoiding, resisting, or scared of about this — then dig there for the buried insight</span><span class="gf">Great for: Personal / life · Diagnose</span></span></label><label class="tech"><input type="checkbox" data-name="Values Archaeology" data-cat="Introspective Delight" data-desc="Keep asking 'why do I care?' until you hit bedrock: the non-negotiable value secretly steering the choice" data-good="personal|strategy" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="22" cy="13.5" r="4" fill="currentColor"/><path d="M10.5 31 C 12.5 23, 31.5 23, 33.5 31 Z" fill="currentColor" fill-opacity="0.22"/><path d="M10.5 31 C 12.5 23, 31.5 23, 33.5 31" stroke="currentColor" stroke-width="1.7" fill="none"/><path d="M13.5 30 C 16 26.5, 20 25.5, 22 25.5 C 24 25.5, 28 26.5, 30.5 30" stroke="currentColor" stroke-width="1.5" fill="none" stroke-opacity="0.6"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2"><path d="M10 16 h24" stroke-opacity=".4"/><path d="M10 22 h24" stroke-opacity=".6"/></g><path d="M22 24 L16 30 L22 36 L28 30 Z" fill="currentColor"/></svg></span><span><span class="n">Values Archaeology</span><span class="d">Keep asking 'why do I care?' until you hit bedrock: the non-negotiable value secretly steering the choice</span><span class="gf">Great for: Personal / life · Strategy</span></span></label><label class="tech"><input type="checkbox" data-name="Future Self Interview" data-cat="Introspective Delight" data-desc="Interview your wise 80-year-old self about this problem and write down the advice they give you" data-good="personal" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="22" cy="13.5" r="4" fill="currentColor"/><path d="M10.5 31 C 12.5 23, 31.5 23, 33.5 31 Z" fill="currentColor" fill-opacity="0.22"/><path d="M10.5 31 C 12.5 23, 31.5 23, 33.5 31" stroke="currentColor" stroke-width="1.7" fill="none"/><path d="M13.5 30 C 16 26.5, 20 25.5, 22 25.5 C 24 25.5, 28 26.5, 30.5 30" stroke="currentColor" stroke-width="1.5" fill="none" stroke-opacity="0.6"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 10 H30 L24 22 L30 34 H14 L20 22 Z"/></g><path d="M18 14 H26" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg></span><span><span class="n">Future Self Interview</span><span class="d">Interview your wise 80-year-old self about this problem and write down the advice they give you</span><span class="gf">Great for: Personal / life</span></span></label><label class="tech"><input type="checkbox" data-name="Body Wisdom Dialogue" data-cat="Introspective Delight" data-desc="Scan for the tension, flutter, or gut pull each option triggers; let the body's yes/no drive the ideas" data-good="personal" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="22" cy="13.5" r="4" fill="currentColor"/><path d="M10.5 31 C 12.5 23, 31.5 23, 33.5 31 Z" fill="currentColor" fill-opacity="0.22"/><path d="M10.5 31 C 12.5 23, 31.5 23, 33.5 31" stroke="currentColor" stroke-width="1.7" fill="none"/><path d="M13.5 30 C 16 26.5, 20 25.5, 22 25.5 C 24 25.5, 28 26.5, 30.5 30" stroke="currentColor" stroke-width="1.5" fill="none" stroke-opacity="0.6"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M22 33 C12 26 9 19 13.5 15 C17 12 21 14 22 17 C23 14 27 12 30.5 15 C35 19 32 26 22 33 Z" fill="currentColor" fill-opacity=".22"/><path d="M22 33 C12 26 9 19 13.5 15 C17 12 21 14 22 17 C23 14 27 12 30.5 15 C35 19 32 26 22 33 Z" fill="none" stroke="currentColor" stroke-width="2"/></svg></span><span><span class="n">Body Wisdom Dialogue</span><span class="d">Scan for the tension, flutter, or gut pull each option triggers; let the body's yes/no drive the ideas</span><span class="gf">Great for: Personal / life</span></span></label><label class="tech"><input type="checkbox" data-name="Permission Giving" data-cat="Introspective Delight" data-desc="Write yourself an explicit permission slip to think the forbidden, impossible thought — then think it out loud" data-good="personal|unstuck" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="22" cy="13.5" r="4" fill="currentColor"/><path d="M10.5 31 C 12.5 23, 31.5 23, 33.5 31 Z" fill="currentColor" fill-opacity="0.22"/><path d="M10.5 31 C 12.5 23, 31.5 23, 33.5 31" stroke="currentColor" stroke-width="1.7" fill="none"/><path d="M13.5 30 C 16 26.5, 20 25.5, 22 25.5 C 24 25.5, 28 26.5, 30.5 30" stroke="currentColor" stroke-width="1.5" fill="none" stroke-opacity="0.6"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><rect x="10" y="14" width="24" height="16" rx="2.5" fill="none" stroke="currentColor" stroke-width="2"/><path d="M15 23 L19 27 L28 17" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span><span><span class="n">Permission Giving</span><span class="d">Write yourself an explicit permission slip to think the forbidden, impossible thought — then think it out loud</span><span class="gf">Great for: Personal / life · Get unstuck</span></span></label><label class="tech"><input type="checkbox" data-name="Secret Wish Confession" data-cat="Introspective Delight" data-desc="Whisper the embarrassing thing you secretly want here but won't admit, then build the idea honoring it" data-good="personal" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="22" cy="13.5" r="4" fill="currentColor"/><path d="M10.5 31 C 12.5 23, 31.5 23, 33.5 31 Z" fill="currentColor" fill-opacity="0.22"/><path d="M10.5 31 C 12.5 23, 31.5 23, 33.5 31" stroke="currentColor" stroke-width="1.7" fill="none"/><path d="M13.5 30 C 16 26.5, 20 25.5, 22 25.5 C 24 25.5, 28 26.5, 30.5 30" stroke="currentColor" stroke-width="1.5" fill="none" stroke-opacity="0.6"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><rect x="13" y="20" width="18" height="14" rx="2.5" fill="currentColor" fill-opacity=".22"/><rect x="13" y="20" width="18" height="14" rx="2.5" fill="none" stroke="currentColor" stroke-width="2"/><path d="M16.5 20 v-3 a5.5 5.5 0 0 1 11 0 v3" fill="none" stroke="currentColor" stroke-width="2"/></svg></span><span><span class="n">Secret Wish Confession</span><span class="d">Whisper the embarrassing thing you secretly want here but won't admit, then build the idea honoring it</span><span class="gf">Great for: Personal / life</span></span></label><label class="tech"><input type="checkbox" data-name="Mood Weather Report" data-cat="Introspective Delight" data-desc="Name the inner weather right now (fog, storm, sun) and let that exact emotional climate generate the ideas" data-good="personal|unstuck" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="22" cy="13.5" r="4" fill="currentColor"/><path d="M10.5 31 C 12.5 23, 31.5 23, 33.5 31 Z" fill="currentColor" fill-opacity="0.22"/><path d="M10.5 31 C 12.5 23, 31.5 23, 33.5 31" stroke="currentColor" stroke-width="1.7" fill="none"/><path d="M13.5 30 C 16 26.5, 20 25.5, 22 25.5 C 24 25.5, 28 26.5, 30.5 30" stroke="currentColor" stroke-width="1.5" fill="none" stroke-opacity="0.6"/></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="17" cy="17" r="4.5" fill="currentColor" fill-opacity=".5"/><path d="M22 30 a5 5 0 0 1 0.5 -10 a6 6 0 0 1 11 2.5 a4 4 0 0 1 -1.5 7.5 z" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/></svg></span><span><span class="n">Mood Weather Report</span><span class="d">Name the inner weather right now (fog, storm, sun) and let that exact emotional climate generate the ideas</span><span class="gf">Great for: Personal / life · Get unstuck</span></span></label><label class="tech invent"><input type="checkbox" data-invent="Introspective Delight"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><circle cx="22" cy="13.5" r="4" fill="currentColor"/><path d="M10.5 31 C 12.5 23, 31.5 23, 33.5 31 Z" fill="currentColor" fill-opacity="0.22"/><path d="M10.5 31 C 12.5 23, 31.5 23, 33.5 31" stroke="currentColor" stroke-width="1.7" fill="none"/><path d="M13.5 30 C 16 26.5, 20 25.5, 22 25.5 C 24 25.5, 28 26.5, 30.5 30" stroke="currentColor" stroke-width="1.5" fill="none" stroke-opacity="0.6"/></svg></span><span><span class="n">✨ Invent a Introspective Delight technique</span><span class="d">Make up a brand-new technique on the fly, in the spirit of Introspective Delight</span></span></label></div></section>
|
||
<section data-cat="Collaborative" style="--c:#15a3a3"><h2>Collaborative<span class="cnt">8</span></h2><div class="grid"><label class="tech"><input type="checkbox" data-name="Yes And Building" data-cat="Collaborative" data-desc="Never negate; each person opens with "Yes, and..." and adds to the last idea, stacking a chain of accepted additions" data-good="novel|unstuck|planning" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="1.8"><line x1="14" y1="16" x2="30" y2="16"/><line x1="14" y1="16" x2="22" y2="30"/><line x1="30" y1="16" x2="22" y2="30"/></g><g fill="currentColor" fill-opacity="0.22"><circle cx="14" cy="16" r="4.6"/><circle cx="30" cy="16" r="4.6"/><circle cx="22" cy="30" r="4.6"/></g><g fill="currentColor"><circle cx="14" cy="16" r="2.4"/><circle cx="30" cy="16" r="2.4"/><circle cx="22" cy="30" r="2.4"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="currentColor"><rect x="8" y="27" width="12" height="8" rx="1.5" fill-opacity=".8"/><rect x="14" y="19" width="12" height="8" rx="1.5" fill-opacity=".5"/><rect x="20" y="11" width="12" height="8" rx="1.5"/></g></svg></span><span><span class="n">Yes And Building</span><span class="d">Never negate; each person opens with "Yes, and..." and adds to the last idea, stacking a chain of accepted additions</span><span class="gf">Great for: Novel concept · Get unstuck · Planning</span></span></label><label class="tech"><input type="checkbox" data-name="Brain Writing Round Robin" data-cat="Collaborative" data-desc="Everyone writes ideas silently, then passes their sheet; you build on whatever lands in front of you, round after round" data-good="novel|feature" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="1.8"><line x1="14" y1="16" x2="30" y2="16"/><line x1="14" y1="16" x2="22" y2="30"/><line x1="30" y1="16" x2="22" y2="30"/></g><g fill="currentColor" fill-opacity="0.22"><circle cx="14" cy="16" r="4.6"/><circle cx="30" cy="16" r="4.6"/><circle cx="22" cy="30" r="4.6"/></g><g fill="currentColor"><circle cx="14" cy="16" r="2.4"/><circle cx="30" cy="16" r="2.4"/><circle cx="22" cy="30" r="2.4"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M31 16 A10 10 0 1 0 32.5 22"/><path d="M31 10 L31.5 16.3 L25 16.5"/></g></svg></span><span><span class="n">Brain Writing Round Robin</span><span class="d">Everyone writes ideas silently, then passes their sheet; you build on whatever lands in front of you, round after round</span><span class="gf">Great for: Novel concept · Build a feature</span></span></label><label class="tech"><input type="checkbox" data-name="Random Stimulation" data-cat="Collaborative" data-desc="Pull a random word or image and force a link to the problem: "how does THIS spark a solution?"" data-good="unstuck|novel" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="1.8"><line x1="14" y1="16" x2="30" y2="16"/><line x1="14" y1="16" x2="22" y2="30"/><line x1="30" y1="16" x2="22" y2="30"/></g><g fill="currentColor" fill-opacity="0.22"><circle cx="14" cy="16" r="4.6"/><circle cx="30" cy="16" r="4.6"/><circle cx="22" cy="30" r="4.6"/></g><g fill="currentColor"><circle cx="14" cy="16" r="2.4"/><circle cx="30" cy="16" r="2.4"/><circle cx="22" cy="30" r="2.4"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><rect x="11" y="11" width="22" height="22" rx="4" fill="none" stroke="currentColor" stroke-width="2"/><g fill="currentColor"><circle cx="17" cy="17" r="1.8"/><circle cx="27" cy="17" r="1.8"/><circle cx="22" cy="22" r="1.8"/><circle cx="17" cy="27" r="1.8"/><circle cx="27" cy="27" r="1.8"/></g></svg></span><span><span class="n">Random Stimulation</span><span class="d">Pull a random word or image and force a link to the problem: "how does THIS spark a solution?"</span><span class="gf">Great for: Get unstuck · Novel concept</span></span></label><label class="tech"><input type="checkbox" data-name="Role Playing" data-cat="Collaborative" data-desc="Each person speaks as a different stakeholder, voicing what that role wants, fears, and would demand of the idea" data-good="strategy|personal|feature" data-prov="classic"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="1.8"><line x1="14" y1="16" x2="30" y2="16"/><line x1="14" y1="16" x2="22" y2="30"/><line x1="30" y1="16" x2="22" y2="30"/></g><g fill="currentColor" fill-opacity="0.22"><circle cx="14" cy="16" r="4.6"/><circle cx="30" cy="16" r="4.6"/><circle cx="22" cy="30" r="4.6"/></g><g fill="currentColor"><circle cx="14" cy="16" r="2.4"/><circle cx="30" cy="16" r="2.4"/><circle cx="22" cy="30" r="2.4"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><rect x="11" y="9" width="22" height="26" rx="3" fill="none" stroke="currentColor" stroke-width="2"/><circle cx="22" cy="19" r="4" fill="currentColor"/><path d="M15.5 30 c2 -4.5 11 -4.5 13 0" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg></span><span><span class="n">Role Playing</span><span class="d">Each person speaks as a different stakeholder, voicing what that role wants, fears, and would demand of the idea</span><span class="gf">Great for: Strategy · Personal / life · Build a feature</span></span></label><label class="tech"><input type="checkbox" data-name="Ideation Relay Race" data-cat="Collaborative" data-desc="30-second turns, no pausing: add one idea, slap it to the next person, keep the baton moving before anyone overthinks" data-good="unstuck" data-prov="playful"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="1.8"><line x1="14" y1="16" x2="30" y2="16"/><line x1="14" y1="16" x2="22" y2="30"/><line x1="30" y1="16" x2="22" y2="30"/></g><g fill="currentColor" fill-opacity="0.22"><circle cx="14" cy="16" r="4.6"/><circle cx="30" cy="16" r="4.6"/><circle cx="22" cy="30" r="4.6"/></g><g fill="currentColor"><circle cx="14" cy="16" r="2.4"/><circle cx="30" cy="16" r="2.4"/><circle cx="22" cy="30" r="2.4"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="31" x2="27" y2="16"/><line x1="8" y1="22" x2="14" y2="22" stroke-opacity=".5"/><line x1="8" y1="27" x2="13" y2="27" stroke-opacity=".35"/></g><circle cx="29" cy="14" r="3.4" fill="currentColor"/></svg></span><span><span class="n">Ideation Relay Race</span><span class="d">30-second turns, no pausing: add one idea, slap it to the next person, keep the baton moving before anyone overthinks</span><span class="gf">Great for: Get unstuck</span></span></label><label class="tech"><input type="checkbox" data-name="Idea Hot Potato" data-cat="Collaborative" data-desc="One idea gets tossed around the circle; each catcher must mutate it in 10 seconds before passing, no repeats allowed" data-good="unstuck" data-prov="playful"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="1.8"><line x1="14" y1="16" x2="30" y2="16"/><line x1="14" y1="16" x2="22" y2="30"/><line x1="30" y1="16" x2="22" y2="30"/></g><g fill="currentColor" fill-opacity="0.22"><circle cx="14" cy="16" r="4.6"/><circle cx="30" cy="16" r="4.6"/><circle cx="22" cy="30" r="4.6"/></g><g fill="currentColor"><circle cx="14" cy="16" r="2.4"/><circle cx="30" cy="16" r="2.4"/><circle cx="22" cy="30" r="2.4"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M11 31 Q22 8 33 31" fill="none" stroke="currentColor" stroke-width="2" stroke-dasharray="2 3.5" stroke-linecap="round"/><circle cx="22" cy="12.5" r="4.2" fill="currentColor"/></svg></span><span><span class="n">Idea Hot Potato</span><span class="d">One idea gets tossed around the circle; each catcher must mutate it in 10 seconds before passing, no repeats allowed</span><span class="gf">Great for: Get unstuck</span></span></label><label class="tech"><input type="checkbox" data-name="Steal And Upgrade" data-cat="Collaborative" data-desc="Pick a neighbor's idea you envy, claim it out loud, then make it visibly better before handing it back improved" data-good="novel|unstuck" data-prov="signature"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="1.8"><line x1="14" y1="16" x2="30" y2="16"/><line x1="14" y1="16" x2="22" y2="30"/><line x1="30" y1="16" x2="22" y2="30"/></g><g fill="currentColor" fill-opacity="0.22"><circle cx="14" cy="16" r="4.6"/><circle cx="30" cy="16" r="4.6"/><circle cx="22" cy="30" r="4.6"/></g><g fill="currentColor"><circle cx="14" cy="16" r="2.4"/><circle cx="30" cy="16" r="2.4"/><circle cx="22" cy="30" r="2.4"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 33 V14"/><path d="M13 21 L20 14 L27 21"/></g><path d="M30 27 l1 2.6 2.6 1 -2.6 1 -1 2.6 -1 -2.6 -2.6 -1 2.6 -1 z" fill="currentColor"/></svg></span><span><span class="n">Steal And Upgrade</span><span class="d">Pick a neighbor's idea you envy, claim it out loud, then make it visibly better before handing it back improved</span><span class="gf">Great for: Novel concept · Get unstuck</span></span></label><label class="tech"><input type="checkbox" data-name="Fold The Paper" data-cat="Collaborative" data-desc="Each person adds one line to a hidden drawing or sentence, sees only the previous fragment, then unfold the surreal whole" data-good="unstuck|novel" data-prov="playful"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="1.8"><line x1="14" y1="16" x2="30" y2="16"/><line x1="14" y1="16" x2="22" y2="30"/><line x1="30" y1="16" x2="22" y2="30"/></g><g fill="currentColor" fill-opacity="0.22"><circle cx="14" cy="16" r="4.6"/><circle cx="30" cy="16" r="4.6"/><circle cx="22" cy="30" r="4.6"/></g><g fill="currentColor"><circle cx="14" cy="16" r="2.4"/><circle cx="30" cy="16" r="2.4"/><circle cx="22" cy="30" r="2.4"/></g></svg><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><path d="M13 16 L21 12 V28 L13 32 Z" fill="currentColor" fill-opacity=".22"/><path d="M21 12 L29 16 V32 L21 28 Z" fill="currentColor" fill-opacity=".45"/><path d="M13 16 L21 12 L29 16 M21 12 V28" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/></svg></span><span><span class="n">Fold The Paper</span><span class="d">Each person adds one line to a hidden drawing or sentence, sees only the previous fragment, then unfold the surreal whole</span><span class="gf">Great for: Get unstuck · Novel concept</span></span></label><label class="tech invent"><input type="checkbox" data-invent="Collaborative"><span class="ic2"><svg class="ico" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><rect x="1.5" y="1.5" width="41" height="41" rx="12" fill="currentColor" fill-opacity="0.12"/><g stroke="currentColor" stroke-width="1.8"><line x1="14" y1="16" x2="30" y2="16"/><line x1="14" y1="16" x2="22" y2="30"/><line x1="30" y1="16" x2="22" y2="30"/></g><g fill="currentColor" fill-opacity="0.22"><circle cx="14" cy="16" r="4.6"/><circle cx="30" cy="16" r="4.6"/><circle cx="22" cy="30" r="4.6"/></g><g fill="currentColor"><circle cx="14" cy="16" r="2.4"/><circle cx="30" cy="16" r="2.4"/><circle cx="22" cy="30" r="2.4"/></g></svg></span><span><span class="n">✨ Invent a Collaborative technique</span><span class="d">Make up a brand-new technique on the fly, in the spirit of Collaborative</span></span></label></div></section>
|
||
</main>
|
||
<footer>BMad Method · Brainstorming</footer>
|
||
<script>
|
||
(function(){
|
||
var $ = function(id){ return document.getElementById(id); };
|
||
var all = Array.prototype.slice;
|
||
var boxes = all.call(document.querySelectorAll('input[type=checkbox]'));
|
||
var techBoxes = boxes.filter(function(b){ return b.dataset.name; }); // real technique cards
|
||
var inventBoxes = boxes.filter(function(b){ return b.dataset.invent; }); // per-category "invent in the spirit of" cards
|
||
var header = document.querySelector('header');
|
||
var sections = all.call(document.querySelectorAll('section'));
|
||
var state = { mode: 'Facilitator', rand: 0, inv: 0, ai: 0 };
|
||
var MODE_HINTS = {
|
||
'Facilitator': 'A forcing function for your ideas — I prompt and push, but never supply them.',
|
||
'Creative Partner': 'We riff together — I facilitate and add ideas too, each logged as yours or mine.',
|
||
'Ideate for me': 'I run the whole session myself, then show you the result and offer to keep going.'
|
||
};
|
||
function setHint(){ $('modehint').textContent = MODE_HINTS[state.mode] || ''; }
|
||
|
||
var themeBtn = $('theme');
|
||
function setThemeIcon(){ themeBtn.textContent = document.documentElement.getAttribute('data-theme') === 'dark' ? '☀' : '☾'; }
|
||
themeBtn.addEventListener('click', function(){
|
||
var next = document.documentElement.getAttribute('data-theme') === 'dark' ? 'light' : 'dark';
|
||
document.documentElement.setAttribute('data-theme', next);
|
||
try { localStorage.setItem('bmad-theme', next); } catch(e){}
|
||
setThemeIcon();
|
||
});
|
||
|
||
all.call(document.querySelectorAll('.mode')).forEach(function(b){
|
||
b.addEventListener('click', function(){
|
||
all.call(document.querySelectorAll('.mode')).forEach(function(m){ m.classList.remove('on'); });
|
||
b.classList.add('on');
|
||
state.mode = b.dataset.mode;
|
||
setHint();
|
||
});
|
||
});
|
||
|
||
all.call(document.querySelectorAll('[data-step]')).forEach(function(btn){
|
||
btn.addEventListener('click', function(){
|
||
var k = btn.dataset.step, d = parseInt(btn.dataset.d, 10);
|
||
state[k] = Math.max(0, state[k] + d);
|
||
update();
|
||
});
|
||
});
|
||
|
||
// Category chips are jump-nav: click one to smooth-scroll its section into view,
|
||
// offsetting by the sticky header's height so the heading isn't hidden beneath it.
|
||
all.call(document.querySelectorAll('.chip')).forEach(function(chip){
|
||
chip.addEventListener('click', function(){
|
||
var sec = null;
|
||
for (var i = 0; i < sections.length; i++){ if (sections[i].dataset.cat === chip.dataset.cat){ sec = sections[i]; break; } }
|
||
if (!sec){ return; }
|
||
var top = sec.getBoundingClientRect().top + window.pageYOffset - header.offsetHeight - 8;
|
||
window.scrollTo({ top: top, behavior: 'smooth' });
|
||
});
|
||
});
|
||
|
||
boxes.forEach(function(b){ b.addEventListener('change', update); });
|
||
|
||
// A `classic` technique appears twice (lead "Proven & Professional" group + its home
|
||
// category), so de-dupe checked picks by name; the lead copy carries data-lead.
|
||
function checkedTech(){
|
||
var seen = {}, out = [];
|
||
techBoxes.forEach(function(b){
|
||
if (!b.checked || seen[b.dataset.name]) { return; }
|
||
seen[b.dataset.name] = 1;
|
||
out.push(b);
|
||
});
|
||
return out;
|
||
}
|
||
function checkedInvent(){ return inventBoxes.filter(function(b){ return b.checked; }); }
|
||
|
||
function update(){
|
||
$('pickN').textContent = checkedTech().length;
|
||
$('randN').textContent = state.rand;
|
||
$('invN').textContent = state.inv;
|
||
$('aiN').textContent = state.ai;
|
||
var total = checkedTech().length + state.rand + state.inv + checkedInvent().length + state.ai;
|
||
var t = $('total');
|
||
t.textContent = 'Total ' + total + ' · 3–4 is the sweet spot';
|
||
t.classList.toggle('warn', total > 5);
|
||
}
|
||
|
||
// "Great for" goal filter: clicking a goal narrows visible cards to those tagged with it.
|
||
var goalBtns = all.call(document.querySelectorAll('.goal'));
|
||
function activeGoals(){ return goalBtns.filter(function(b){ return b.classList.contains('on'); }).map(function(b){ return b.dataset.goal; }); }
|
||
function applyFilter(){
|
||
var act = activeGoals();
|
||
all.call(document.querySelectorAll('label.tech')).forEach(function(lab){
|
||
var inp = lab.querySelector('input');
|
||
if (inp.dataset.invent){ return; } // invent cards aren't goal-tagged — always visible
|
||
var good = (inp.dataset.good || '').split('|');
|
||
var show = !act.length || act.some(function(g){ return good.indexOf(g) >= 0; });
|
||
lab.classList.toggle('hidden', !show);
|
||
});
|
||
}
|
||
goalBtns.forEach(function(b){ b.addEventListener('click', function(){ b.classList.toggle('on'); applyFilter(); }); });
|
||
|
||
function randomPool(){
|
||
var picked = {};
|
||
checkedTech().forEach(function(b){ picked[b.dataset.name] = 1; });
|
||
// draw from unchecked, non-lead copies, skipping anything already picked
|
||
return techBoxes.filter(function(b){ return !b.checked && !b.dataset.lead && !picked[b.dataset.name]; });
|
||
}
|
||
|
||
function sample(arr, n){
|
||
var a = arr.slice(), out = [];
|
||
while (out.length < n && a.length){ out.push(a.splice(Math.floor(Math.random() * a.length), 1)[0]); }
|
||
return out;
|
||
}
|
||
|
||
function compose(){
|
||
var picks = checkedTech().map(function(b){ return { n: b.dataset.name, c: b.dataset.cat, d: b.dataset.desc, r: false }; });
|
||
var rnd = sample(randomPool(), state.rand).map(function(b){ return { n: b.dataset.name, c: b.dataset.cat, d: b.dataset.desc, r: true }; });
|
||
var techs = picks.concat(rnd);
|
||
var L = ["Let's run my brainstorming session.", "", 'Facilitation mode: ' + state.mode + '.'];
|
||
if (techs.length){
|
||
L.push("", 'Techniques to use:');
|
||
techs.forEach(function(t, i){
|
||
L.push((i + 1) + '.' + (t.r ? ' (random pick)' : '') + ' ' + t.n + ' · ' + t.c);
|
||
L.push(' ' + t.d);
|
||
});
|
||
}
|
||
var extra = [];
|
||
if (state.inv > 0){ extra.push('invent ' + state.inv + ' brand-new technique' + (state.inv > 1 ? 's' : '') + ' on the fly'); }
|
||
checkedInvent().forEach(function(b){ extra.push('invent 1 new technique in the spirit of ' + b.dataset.invent); });
|
||
if (state.ai > 0){ extra.push('you choose ' + state.ai + ' more technique' + (state.ai > 1 ? 's' : '') + ' that fit my goal'); }
|
||
if (extra.length){ L.push("", 'Then: ' + extra.join('; and ') + '.'); }
|
||
if (!techs.length && !extra.length){
|
||
L.push("", state.mode === 'Ideate for me'
|
||
? 'Run the whole session yourself — pick the techniques, generate the ideas, then show me the result.'
|
||
: 'Help me choose 3–4 techniques to start.');
|
||
}
|
||
return L.join('\n');
|
||
}
|
||
|
||
function fallbackCopy(t){
|
||
var ta = document.createElement('textarea');
|
||
ta.value = t; ta.style.position = 'fixed'; ta.style.opacity = '0';
|
||
document.body.appendChild(ta); ta.focus(); ta.select();
|
||
var ok = false;
|
||
try { ok = document.execCommand('copy'); } catch(e){ ok = false; }
|
||
document.body.removeChild(ta);
|
||
return ok;
|
||
}
|
||
|
||
function flash(ok, text){
|
||
var b = $('banner');
|
||
b.classList.toggle('fail', !ok);
|
||
b.innerHTML = ok
|
||
? '✓ Copied! Now paste it into the chat to start your session.'
|
||
: '⚠ Couldn’t reach the clipboard — copy the text in the box, then paste it into the chat.';
|
||
b.classList.add('show');
|
||
setTimeout(function(){ b.classList.remove('show'); }, 4500);
|
||
// Last resort on a hard failure: a prefilled, selectable prompt so the text is never lost.
|
||
if (!ok){ window.prompt('Copy this, then paste it into the chat:', text); }
|
||
}
|
||
|
||
$('copy').addEventListener('click', function(){
|
||
var text = compose();
|
||
if (navigator.clipboard && navigator.clipboard.writeText){
|
||
navigator.clipboard.writeText(text).then(
|
||
function(){ flash(true, text); },
|
||
function(){ flash(fallbackCopy(text), text); }
|
||
);
|
||
} else { flash(fallbackCopy(text), text); }
|
||
});
|
||
|
||
setHint();
|
||
setThemeIcon();
|
||
update();
|
||
})();
|
||
</script>
|
||
</body>
|
||
</html>
|