brain/.superpowers/brainstorm/407473-1775928771/content/design-lifecycle.html

72 lines
4.4 KiB
HTML

<h2>Design — Topic-Lifecycle & Befehle</h2>
<p class="subtitle">Wie Topics sich bewegen und was du Claude sagen kannst</p>
<div class="section">
<h3>Topic-Lifecycle</h3>
<div style="display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0">
<div style="background:#1e3a5f;border:1px solid #3b82f6;border-radius:8px;padding:10px 16px;text-align:center">
<div style="color:#60a5fa;font-weight:bold">NEU</div>
<div style="color:#94a3b8;font-size:0.8em">Topic angelegt</div>
</div>
<div style="color:#475569;font-size:1.2em"></div>
<div style="background:#1a3326;border:1px solid #22c55e;border-radius:8px;padding:10px 16px;text-align:center">
<div style="color:#4ade80;font-weight:bold">🔴 OFFEN</div>
<div style="color:#94a3b8;font-size:0.8em">Agenda.md aktiv</div>
</div>
<div style="color:#475569;font-size:1.2em"></div>
<div style="display:flex;flex-direction:column;gap:8px">
<div style="background:#1a2e1a;border:1px solid #16a34a;border-radius:8px;padding:8px 14px;text-align:center">
<div style="color:#86efac;font-weight:bold">✅ ERLEDIGT</div>
<div style="color:#94a3b8;font-size:0.8em">→ Archiv.md</div>
</div>
<div style="background:#2d1f0e;border:1px solid #d97706;border-radius:8px;padding:8px 14px;text-align:center">
<div style="color:#fbbf24;font-weight:bold">⏳ POSTPONED</div>
<div style="color:#94a3b8;font-size:0.8em">bleibt in Agenda.md + Datum</div>
</div>
<div style="background:#1e1e2e;border:1px solid #6366f1;border-radius:8px;padding:8px 14px;text-align:center">
<div style="color:#a5b4fc;font-weight:bold">⏭ ÜBERSPRUNGEN</div>
<div style="color:#94a3b8;font-size:0.8em">bleibt offen, kein Datum</div>
</div>
</div>
</div>
<p style="color:#64748b;font-size:0.85em">Dauerläufer bekommen keinen Status — sie sind immer dabei und werden nicht archiviert.</p>
</div>
<div class="section">
<h3>Claude-Befehle (Skill)</h3>
<div style="display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px">
<div style="background:#1e293b;border-radius:8px;padding:12px">
<div style="color:#f472b6;font-weight:bold;margin-bottom:6px">📋 Vor dem Meeting</div>
<code style="color:#86efac;font-size:0.82em">"Bereite Agenda SAP Team vor"</code>
<p style="color:#94a3b8;font-size:0.8em;margin-top:4px">→ Zeigt Dauerläufer + offene Topics + fällige Postponed</p>
</div>
<div style="background:#1e293b;border-radius:8px;padding:12px">
<div style="color:#60a5fa;font-weight:bold;margin-bottom:6px">✍️ Neues Thema</div>
<code style="color:#86efac;font-size:0.82em">"Neues Thema für SAP Team: NTT Ticket"</code>
<p style="color:#94a3b8;font-size:0.8em;margin-top:4px">→ Trägt Topic in Agenda.md ein</p>
</div>
<div style="background:#1e293b;border-radius:8px;padding:12px">
<div style="color:#fbbf24;font-weight:bold;margin-bottom:6px">⏳ Verschieben</div>
<code style="color:#86efac;font-size:0.82em">"Verschiebe NTT Ticket auf 28.04."</code>
<p style="color:#94a3b8;font-size:0.8em;margin-top:4px">→ Setzt Postponed-Datum in Agenda.md</p>
</div>
<div style="background:#1e293b;border-radius:8px;padding:12px">
<div style="color:#4ade80;font-weight:bold;margin-bottom:6px">✅ Abschließen</div>
<code style="color:#86efac;font-size:0.82em">"SAP Team Meeting beenden"</code>
<p style="color:#94a3b8;font-size:0.8em;margin-top:4px">→ Archiviert Session, bereinigt Agenda.md</p>
</div>
<div style="background:#1e293b;border-radius:8px;padding:12px">
<div style="color:#94a3b8;font-weight:bold;margin-bottom:6px">🔍 Nachschlagen</div>
<code style="color:#86efac;font-size:0.82em">"Was war zuletzt beim SAP Team?"</code>
<p style="color:#94a3b8;font-size:0.8em;margin-top:4px">→ Liest Archiv.md, gibt Zusammenfassung</p>
</div>
<div style="background:#1e293b;border-radius:8px;padding:12px">
<div style="color:#a5b4fc;font-weight:bold;margin-bottom:6px">📌 Dauerläufer</div>
<code style="color:#86efac;font-size:0.82em">"Füge Dauerläufer hinzu: Offene Tickets"</code>
<p style="color:#94a3b8;font-size:0.8em;margin-top:4px">→ Trägt in Dauerläufer-Sektion ein</p>
</div>
</div>
</div>
<p style="margin-top:16px;color:#94a3b8;font-size:0.9em">Passt das so? Fehlt ein Befehl, oder soll etwas anders heißen?</p>