feat(quick-002): create 90s-style HTML command reference page
- 383-line HTML with authentic 90s web aesthetic - Garish lime green checkered background - Comic Sans, Times New Roman, Courier mixed fonts - Marquee tags for scrolling headers/footers - Blink animation via CSS keyframes - All 25 GSD commands organized in bordered tables - Fake hit counter, guestbook link, webmaster email - 'Under construction' banner and Y2K compliance badge - Best viewed in Netscape Navigator disclaimer
This commit is contained in:
Lex Christopherson
383
commands.html
Normal file
383
commands.html
Normal file
@@ -0,0 +1,383 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>~~*~* GSD COMMAND CENTER *~*~~</title>
|
||||
<meta charset="UTF-8">
|
||||
<style>
|
||||
body {
|
||||
background-color: #00FF00;
|
||||
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='40' height='40' fill='%2300FF00'/%3E%3Crect x='0' y='0' width='20' height='20' fill='%2300CC00'/%3E%3Crect x='20' y='20' width='20' height='20' fill='%2300CC00'/%3E%3C/svg%3E");
|
||||
font-family: 'Times New Roman', serif;
|
||||
color: #FF00FF;
|
||||
margin: 0;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.blink {
|
||||
animation: blinker 1s linear infinite;
|
||||
}
|
||||
|
||||
@keyframes blinker {
|
||||
50% { opacity: 0; }
|
||||
}
|
||||
|
||||
.rainbow {
|
||||
background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
background-clip: text;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-family: 'Comic Sans MS', 'Chalkboard SE', cursive;
|
||||
color: #FF0000;
|
||||
text-shadow: 3px 3px #FFFF00, -1px -1px #00FFFF;
|
||||
font-size: 28px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-family: 'Papyrus', 'Comic Sans MS', fantasy;
|
||||
color: #0000FF;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
table {
|
||||
border: 5px ridge #FF00FF;
|
||||
border-collapse: separate;
|
||||
border-spacing: 3px;
|
||||
background-color: #FFFF00;
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
th {
|
||||
font-family: 'Comic Sans MS', cursive;
|
||||
background-color: #FF0000;
|
||||
color: #FFFF00;
|
||||
border: 3px outset #880000;
|
||||
padding: 10px;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
td {
|
||||
border: 2px inset #0000FF;
|
||||
padding: 8px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.cmd-name {
|
||||
font-family: 'Courier New', monospace;
|
||||
color: #0000FF;
|
||||
font-weight: bold;
|
||||
font-size: 14px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.cmd-desc {
|
||||
font-family: 'Times New Roman', serif;
|
||||
color: #000000;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.new-badge {
|
||||
color: #FF0000;
|
||||
font-family: 'Comic Sans MS', cursive;
|
||||
font-size: 10px;
|
||||
animation: blinker 0.5s linear infinite;
|
||||
}
|
||||
|
||||
.section-header {
|
||||
background-color: #00FFFF;
|
||||
color: #FF0000;
|
||||
font-family: 'Comic Sans MS', cursive;
|
||||
font-size: 16px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.construction {
|
||||
font-family: 'Comic Sans MS', cursive;
|
||||
color: #FF0000;
|
||||
background-color: #FFFF00;
|
||||
border: 3px dashed #FF0000;
|
||||
padding: 10px;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.visitor-counter {
|
||||
font-family: 'Courier New', monospace;
|
||||
background-color: #000000;
|
||||
color: #00FF00;
|
||||
padding: 5px 10px;
|
||||
border: 2px inset #888888;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.footer-box {
|
||||
background-color: #C0C0C0;
|
||||
border: 3px outset #FFFFFF;
|
||||
padding: 15px;
|
||||
margin-top: 20px;
|
||||
font-family: 'Times New Roman', serif;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #0000FF;
|
||||
}
|
||||
|
||||
a:visited {
|
||||
color: #800080;
|
||||
}
|
||||
|
||||
.netscape {
|
||||
font-family: 'Times New Roman', serif;
|
||||
font-size: 11px;
|
||||
color: #000080;
|
||||
}
|
||||
|
||||
hr {
|
||||
border: none;
|
||||
height: 3px;
|
||||
background: linear-gradient(to right, #FF0000, #FF7F00, #FFFF00, #00FF00, #0000FF, #4B0082, #9400D3);
|
||||
}
|
||||
|
||||
.stars {
|
||||
color: #FFD700;
|
||||
font-size: 20px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<center>
|
||||
|
||||
<marquee behavior="scroll" direction="left" scrollamount="8" style="background-color: #FF00FF; color: #FFFF00; font-family: 'Comic Sans MS', cursive; font-size: 24px; padding: 10px;">
|
||||
<span class="stars">***</span> WELCOME TO THE GSD COMMAND CENTER!!! <span class="stars">***</span> Get Shit Done with Claude Code! <span class="stars">***</span> Solo Agentic Development <span class="stars">***</span>
|
||||
</marquee>
|
||||
|
||||
<br><br>
|
||||
|
||||
<h1><span class="rainbow">~*~*~*~ GSD COMMAND REFERENCE ~*~*~*~</span></h1>
|
||||
|
||||
<p style="font-family: 'Comic Sans MS', cursive; color: #0000FF; font-size: 16px;">
|
||||
<span class="blink">***</span> Your ULTIMATE guide to the Get Shit Done system! <span class="blink">***</span>
|
||||
</p>
|
||||
|
||||
<hr>
|
||||
|
||||
<div class="construction">
|
||||
<span class="blink">!!! UNDER CONSTRUCTION !!!</span><br>
|
||||
<span style="font-size: 20px;">🚧 ⚠ 🚧</span><br>
|
||||
More features coming soon!!!
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
<h2>🌟 CORE COMMANDS 🌟</h2>
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<th>COMMAND</th>
|
||||
<th>DESCRIPTION</th>
|
||||
</tr>
|
||||
<tr class="section-header">
|
||||
<td colspan="2">📌 PROJECT INITIALIZATION 📌</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="cmd-name">/gsd:new-project</td>
|
||||
<td class="cmd-desc">Initialize new project through unified flow. One command takes you from idea to ready-for-planning: deep questioning, optional domain research (4 parallel researcher agents), requirements definition with v1/v2/out-of-scope scoping, and roadmap creation. <span class="new-badge">NEW!</span></td>
|
||||
</tr>
|
||||
<tr bgcolor="#CCFFCC">
|
||||
<td class="cmd-name">/gsd:map-codebase</td>
|
||||
<td class="cmd-desc">Map an existing codebase for brownfield projects. Analyzes codebase with parallel Explore agents, creates 7 focused documents covering stack, architecture, structure, conventions, testing, integrations, and concerns.</td>
|
||||
</tr>
|
||||
<tr class="section-header">
|
||||
<td colspan="2">📝 PHASE PLANNING 📝</td>
|
||||
</tr>
|
||||
<tr bgcolor="#FFFFCC">
|
||||
<td class="cmd-name">/gsd:discuss-phase <number></td>
|
||||
<td class="cmd-desc">Help articulate your vision for a phase before planning. Captures how you imagine this phase working and creates CONTEXT.md with your vision, essentials, and boundaries.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="cmd-name">/gsd:research-phase <number></td>
|
||||
<td class="cmd-desc">Comprehensive ecosystem research for niche/complex domains. Discovers standard stack, architecture patterns, pitfalls. Creates RESEARCH.md with "how experts build this" knowledge.</td>
|
||||
</tr>
|
||||
<tr bgcolor="#CCFFCC">
|
||||
<td class="cmd-name">/gsd:list-phase-assumptions <number></td>
|
||||
<td class="cmd-desc">See what Claude is planning to do before it starts. Shows Claude's intended approach for a phase so you can course-correct if Claude misunderstood your vision.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="cmd-name">/gsd:plan-phase <number></td>
|
||||
<td class="cmd-desc">Create detailed execution plan for a specific phase. Generates PLAN.md files with concrete, actionable tasks including verification criteria and success measures. <span class="new-badge">HOT!</span></td>
|
||||
</tr>
|
||||
<tr class="section-header">
|
||||
<td colspan="2">🚀 EXECUTION 🚀</td>
|
||||
</tr>
|
||||
<tr bgcolor="#FFCCFF">
|
||||
<td class="cmd-name">/gsd:execute-phase <number></td>
|
||||
<td class="cmd-desc">Execute all plans in a phase. Groups plans by wave, executes waves sequentially with plans within each wave running in parallel. Verifies phase goal after all plans complete.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="cmd-name">/gsd:quick</td>
|
||||
<td class="cmd-desc">Execute small, ad-hoc tasks with GSD guarantees but skip optional agents. Spawns planner + executor (skips researcher, checker, verifier). Quick tasks live in .planning/quick/. <span class="new-badge">NEW!</span></td>
|
||||
</tr>
|
||||
<tr class="section-header">
|
||||
<td colspan="2">🗺 ROADMAP MANAGEMENT 🗺</td>
|
||||
</tr>
|
||||
<tr bgcolor="#CCCCFF">
|
||||
<td class="cmd-name">/gsd:add-phase <description></td>
|
||||
<td class="cmd-desc">Add new phase to end of current milestone. Appends to ROADMAP.md using next sequential number and updates phase directory structure.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="cmd-name">/gsd:insert-phase <after> <desc></td>
|
||||
<td class="cmd-desc">Insert urgent work as decimal phase between existing phases (e.g., 7.1 between 7 and 8). Useful for discovered work that must happen mid-milestone.</td>
|
||||
</tr>
|
||||
<tr bgcolor="#CCCCFF">
|
||||
<td class="cmd-name">/gsd:remove-phase <number></td>
|
||||
<td class="cmd-desc">Remove a future phase and renumber subsequent phases. Deletes phase directory and all references. Only works on future (unstarted) phases.</td>
|
||||
</tr>
|
||||
<tr class="section-header">
|
||||
<td colspan="2">🏆 MILESTONE MANAGEMENT 🏆</td>
|
||||
</tr>
|
||||
<tr bgcolor="#FFCCCC">
|
||||
<td class="cmd-name">/gsd:new-milestone <name></td>
|
||||
<td class="cmd-desc">Start a new milestone through unified flow. Deep questioning, optional domain research, requirements definition, and roadmap creation. Mirrors /gsd:new-project for brownfield projects.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="cmd-name">/gsd:complete-milestone <ver></td>
|
||||
<td class="cmd-desc">Archive completed milestone and prepare for next version. Creates MILESTONES.md entry, archives details, creates git tag, prepares workspace for next version.</td>
|
||||
</tr>
|
||||
<tr bgcolor="#FFCCCC">
|
||||
<td class="cmd-name">/gsd:audit-milestone</td>
|
||||
<td class="cmd-desc">Audit current milestone progress against requirements and roadmap. Shows completion status and identifies any gaps or issues.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="cmd-name">/gsd:plan-milestone-gaps</td>
|
||||
<td class="cmd-desc">Create plans to address identified milestone gaps. Generates additional phase plans for any discovered missing work.</td>
|
||||
</tr>
|
||||
<tr class="section-header">
|
||||
<td colspan="2">📊 PROGRESS TRACKING 📊</td>
|
||||
</tr>
|
||||
<tr bgcolor="#CCFFFF">
|
||||
<td class="cmd-name">/gsd:progress</td>
|
||||
<td class="cmd-desc">Check project status and intelligently route to next action. Shows visual progress bar, summarizes recent work, displays current position, and offers to execute or create next plan. <span class="new-badge">HOT!</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="cmd-name">/gsd:resume-work</td>
|
||||
<td class="cmd-desc">Resume work from previous session with full context restoration. Reads STATE.md for project context, shows current position and recent progress, offers next actions.</td>
|
||||
</tr>
|
||||
<tr bgcolor="#CCFFFF">
|
||||
<td class="cmd-name">/gsd:pause-work</td>
|
||||
<td class="cmd-desc">Create context handoff when pausing work mid-phase. Creates .continue-here file with current state, updates STATE.md session continuity section.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="cmd-name">/gsd:verify-work</td>
|
||||
<td class="cmd-desc">Verify completed work against plan requirements. Ensures all tasks were completed correctly and nothing was missed.</td>
|
||||
</tr>
|
||||
<tr class="section-header">
|
||||
<td colspan="2">🔎 DEBUGGING 🔎</td>
|
||||
</tr>
|
||||
<tr bgcolor="#FFEECC">
|
||||
<td class="cmd-name">/gsd:debug [issue]</td>
|
||||
<td class="cmd-desc">Systematic debugging with persistent state across context resets. Gathers symptoms, creates .planning/debug/[slug].md to track investigation, uses scientific method. Survives /clear!</td>
|
||||
</tr>
|
||||
<tr class="section-header">
|
||||
<td colspan="2">📋 TODO MANAGEMENT 📋</td>
|
||||
</tr>
|
||||
<tr bgcolor="#EECCFF">
|
||||
<td class="cmd-name">/gsd:add-todo [description]</td>
|
||||
<td class="cmd-desc">Capture idea or task as todo from current conversation. Extracts context, creates structured todo file in .planning/todos/pending/, infers area from file paths.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="cmd-name">/gsd:check-todos [area]</td>
|
||||
<td class="cmd-desc">List pending todos and select one to work on. Optional area filter, loads full context for selected todo, routes to appropriate action.</td>
|
||||
</tr>
|
||||
<tr class="section-header">
|
||||
<td colspan="2">🛠 UTILITY COMMANDS 🛠</td>
|
||||
</tr>
|
||||
<tr bgcolor="#DDDDDD">
|
||||
<td class="cmd-name">/gsd:help</td>
|
||||
<td class="cmd-desc">Show complete GSD command reference. Displays all available commands with descriptions and usage examples.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="cmd-name">/gsd:whats-new</td>
|
||||
<td class="cmd-desc">See what's changed since your installed version. Shows installed vs latest version comparison, displays changelog entries, highlights breaking changes.</td>
|
||||
</tr>
|
||||
<tr bgcolor="#DDDDDD">
|
||||
<td class="cmd-name">/gsd:update</td>
|
||||
<td class="cmd-desc">Update GSD to the latest version. Downloads and installs the newest version of the get-shit-done-cc package.</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<hr>
|
||||
|
||||
<p style="font-family: 'Comic Sans MS', cursive; font-size: 14px; color: #FF0000;">
|
||||
<span class="blink">★</span> Total Commands: <b>25</b> <span class="blink">★</span>
|
||||
</p>
|
||||
|
||||
<hr>
|
||||
|
||||
<h2>📚 QUICK START GUIDE 📚</h2>
|
||||
|
||||
<table border="3" bgcolor="#CCFFFF" width="80%">
|
||||
<tr>
|
||||
<td style="font-family: 'Courier New', monospace; color: #000080; padding: 15px;">
|
||||
<b>Step 1:</b> /gsd:new-project<br>
|
||||
<b>Step 2:</b> /gsd:plan-phase 1<br>
|
||||
<b>Step 3:</b> /gsd:execute-phase 1<br>
|
||||
<b>Step 4:</b> REPEAT!!! 🚀
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<hr>
|
||||
|
||||
<marquee behavior="alternate" direction="right" scrollamount="3" style="color: #FF00FF; font-family: 'Comic Sans MS', cursive;">
|
||||
🎉 Thanks for visiting the GSD Command Center! 🎉 Tell your friends! 🎉 Sign my guestbook! 🎉
|
||||
</marquee>
|
||||
|
||||
<hr>
|
||||
|
||||
<div class="footer-box">
|
||||
<p>
|
||||
<span class="visitor-counter">You are visitor #00042069</span>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<a href="#">📝 Sign my Guestbook!</a> |
|
||||
<a href="#">🔗 Cool Links</a> |
|
||||
<a href="#">🏠 Home</a>
|
||||
</p>
|
||||
|
||||
<hr style="width: 50%;">
|
||||
|
||||
<p class="netscape">
|
||||
🌐 Best viewed in <b>Netscape Navigator 4.0</b> at <b>800x600</b> resolution<br>
|
||||
💻 Optimized for 56k modem users
|
||||
</p>
|
||||
|
||||
<p style="font-size: 12px; color: #000080;">
|
||||
📧 Email the webmaster: <a href="mailto:webmaster@gsd.fake">webmaster@gsd.fake</a>
|
||||
</p>
|
||||
|
||||
<p style="font-size: 11px; color: #666666;">
|
||||
<i>Last updated: January 19, 2026</i><br>
|
||||
© 2026 GSD Command Center - All Rights Reserved<br>
|
||||
Made with 💙 and Claude Code
|
||||
</p>
|
||||
|
||||
<p style="font-family: 'Courier New', monospace; font-size: 10px; color: #008000;">
|
||||
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=<br>
|
||||
This page is Y2K compliant!<br>
|
||||
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<marquee behavior="scroll" direction="up" scrollamount="2" height="50" style="color: #FF0000; font-family: 'Comic Sans MS', cursive; font-size: 12px;">
|
||||
★ GSD - Get Shit Done ★ Solo Agentic Development ★ Claude Code ★
|
||||
</marquee>
|
||||
|
||||
</center>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user