radical/buildly-intro.html at main · radicaltherapy/radical · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Buildly Labs + RAD Process - See It In Action</title>
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
  <script src="https://cdn.tailwindcss.com"></script>
  <style>
    body { font-family: 'Inter', sans-serif; }
    .gradient-bg { background: linear-gradient(135deg, #1e3a8a 0%, #6b21a8 100%); }
    .gradient-text { background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
    @media print {
      .no-print { display: none; }
      body { background: white; }
    }
  </style>
</head>
<body class="bg-gray-50">
  <!-- Header -->
  <header class="gradient-bg text-white py-8 no-print">
    <div class="max-w-4xl mx-auto px-6">
      <a href="index.html" class="text-white hover:text-gray-200 mb-4 inline-block">← Back to Home</a>
      <h1 class="text-4xl font-bold mt-2">See RAD Process in Action</h1>
      <p class="text-xl mt-2 text-blue-100">Buildly Labs: The AI-native product management platform</p>
    </div>
  </header>

  <!-- Main Content -->
  <main class="max-w-4xl mx-auto px-6 py-12">

    <!-- Introduction -->
    <section class="bg-white rounded-lg shadow-lg p-8 mb-8">
      <h2 class="text-3xl font-bold mb-6 gradient-text">What Is Buildly Labs?</h2>
      <p class="text-xl text-gray-700 leading-relaxed mb-6">
        Buildly Labs is the AI-native product management platform built specifically to implement RAD Process. It's not Jira with AI features added. It's a complete rethinking of product delivery for the AI era.
      </p>
      <div class="bg-blue-50 border-l-4 border-blue-600 p-6 rounded mb-6">
        <p class="text-gray-800 font-semibold mb-2">The Core Difference:</p>
        <p class="text-gray-700">
          Traditional tools (Jira, Linear, Asana) were designed for human-coordinated Agile workflows. They added AI features but kept the sprint-based architecture. Buildly Labs was built from the ground up for AI-powered teams using RAD Process.
        </p>
      </div>
    </section>

    <!-- What You'll See -->
    <section class="bg-white rounded-lg shadow-lg p-8 mb-8">
      <h2 class="text-3xl font-bold mb-6 gradient-text">What You'll See in Buildly Labs</h2>

      <div class="space-y-6">
        <div class="p-6 bg-gradient-to-r from-blue-50 to-blue-100 rounded-lg border border-blue-200">
          <h3 class="text-2xl font-semibold text-blue-900 mb-4">🤖 RAD Process in Action</h3>
          <p class="text-gray-800 mb-4">
            AI-adaptive planning replaces sprint commitments. Instead of locking in 2-week plans, Buildly Labs continuously reprioritizes based on velocity, dependencies, and business needs.
          </p>
          <ul class="space-y-2 text-gray-700">
            <li>✓ Define outcomes, not features</li>
            <li>✓ AI maps dependencies and risks automatically</li>
            <li>✓ Priorities adapt as conditions change</li>
            <li>✓ Ship when ready, not when the sprint ends</li>
          </ul>
        </div>

        <div class="p-6 bg-gradient-to-r from-purple-50 to-purple-100 rounded-lg border border-purple-200">
          <h3 class="text-2xl font-semibold text-purple-900 mb-4">⚡ Automated Coordination</h3>
          <p class="text-gray-800 mb-4">
            Buildly Labs eliminates standups and manual status updates. AI generates real-time status for everyone, freeing your team for deep work.
          </p>
          <ul class="space-y-2 text-gray-700">
            <li>✓ No more daily standups</li>
            <li>✓ No manual status updates in Slack</li>
            <li>✓ No sprint planning marathons</li>
            <li>✓ AI-generated insights replace retros</li>
          </ul>
        </div>

        <div class="p-6 bg-gradient-to-r from-green-50 to-green-100 rounded-lg border border-green-200">
          <h3 class="text-2xl font-semibold text-green-900 mb-4">🔍 Radical Transparency</h3>
          <p class="text-gray-800 mb-4">
            Everyone sees the same AI-generated truth about what's being built and what's blocking progress. No more hiding behind Jira tickets or stale burndown charts.
          </p>
          <ul class="space-y-2 text-gray-700">
            <li>✓ Real-time visibility into progress</li>
            <li>✓ AI surfaces blockers before they become critical</li>
            <li>✓ Team velocity tracked automatically</li>
            <li>✓ Misalignment becomes immediately visible</li>
          </ul>
        </div>

        <div class="p-6 bg-gradient-to-r from-blue-50 to-blue-100 rounded-lg border border-blue-200">
          <h3 class="text-2xl font-semibold text-blue-900 mb-4">👥 Human-in-the-Loop Decision Making</h3>
          <p class="text-gray-800 mb-4">
            AI handles coordination while humans make strategic calls. Buildly Labs amplifies human judgment, it doesn't replace it.
          </p>
          <ul class="space-y-2 text-gray-700">
            <li>✓ AI recommends priorities, humans decide</li>
            <li>✓ AI maps risks, humans choose trade-offs</li>
            <li>✓ AI surfaces insights, humans maintain relationships</li>
            <li>✓ Humans define success, AI accelerates delivery</li>
          </ul>
        </div>
      </div>
    </section>

    <!-- Why Buildly Labs -->
    <section class="bg-white rounded-lg shadow-lg p-8 mb-8">
      <h2 class="text-3xl font-bold mb-6 gradient-text">Why Buildly Labs?</h2>
      <p class="text-gray-700 mb-6 leading-relaxed">
        You can adopt Radical Therapy principles manually. You can even implement some RAD Process workflows without tooling. But Buildly Labs is purpose-built to make RAD Process effortless at scale.
      </p>

      <div class="grid md:grid-cols-2 gap-6 mb-8">
        <div class="p-5 bg-gray-50 rounded-lg border border-gray-200">
          <h4 class="font-semibold text-gray-900 mb-3">❌ Traditional Tools (Jira, Linear)</h4>
          <ul class="space-y-2 text-gray-700 text-sm">
            <li>• Built for sprint-based Agile</li>
            <li>• AI features bolted on</li>
            <li>• Manual coordination required</li>
            <li>• Story points and velocity tracking</li>
            <li>• Sprint commitments enforced</li>
            <li>• Manual status updates needed</li>
          </ul>
        </div>

        <div class="p-5 bg-gradient-to-br from-blue-50 to-purple-50 rounded-lg border border-blue-200">
          <h4 class="font-semibold text-gray-900 mb-3">✅ Buildly Labs (RAD Process)</h4>
          <ul class="space-y-2 text-gray-700 text-sm">
            <li>• Built for AI-native workflows</li>
            <li>• AI-first architecture</li>
            <li>• Automated coordination</li>
            <li>• Outcome tracking, not story points</li>
            <li>• Adaptive priorities, not fixed sprints</li>
            <li>• AI-generated status for everyone</li>
          </ul>
        </div>
      </div>

      <div class="bg-purple-50 border-l-4 border-purple-600 p-6 rounded">
        <p class="text-gray-800 font-semibold mb-2">The Bottom Line:</p>
        <p class="text-gray-700">
          If you're using AI tools like Copilot but still managing work in Jira with sprints and story points, you're fighting your tools. Buildly Labs aligns your workflow with how AI-powered teams actually work.
        </p>
      </div>
    </section>

    <!-- Use Cases -->
    <section class="bg-white rounded-lg shadow-lg p-8 mb-8">
      <h2 class="text-3xl font-bold mb-6 gradient-text">Who Uses Buildly Labs?</h2>

      <div class="space-y-6">
        <div class="flex gap-4">
          <div class="text-3xl">👨‍💼</div>
          <div>
            <h3 class="text-xl font-semibold text-gray-900 mb-2">Founders & CTOs</h3>
            <p class="text-gray-700">
              Leading AI-powered startups who know their Agile process is slowing them down. They need visibility without coordination overhead.
            </p>
          </div>
        </div>

        <div class="flex gap-4">
          <div class="text-3xl">📦</div>
          <div>
            <h3 class="text-xl font-semibold text-gray-900 mb-2">Product Leaders</h3>
            <p class="text-gray-700">
              Tired of being sprint coordinators instead of strategic thinkers. They want to define outcomes and let AI handle execution planning.
            </p>
          </div>
        </div>

        <div class="flex gap-4">
          <div class="text-3xl">👩‍💻</div>
          <div>
            <h3 class="text-xl font-semibold text-gray-900 mb-2">Engineering Teams</h3>
            <p class="text-gray-700">
              Using Copilot daily but spending 10+ hours/week in Agile ceremonies. They want more flow time, less coordination overhead.
            </p>
          </div>
        </div>

        <div class="flex gap-4">
          <div class="text-3xl">🌍</div>
          <div>
            <h3 class="text-xl font-semibold text-gray-900 mb-2">Distributed Teams</h3>
            <p class="text-gray-700">
              Async-first teams who can't afford synchronous standups. AI-generated status updates keep everyone aligned without meetings.
            </p>
          </div>
        </div>
      </div>
    </section>

    <!-- CTA Section -->
    <section class="bg-gradient-to-r from-blue-600 to-purple-600 text-white rounded-lg shadow-lg p-10 mb-8">
      <h2 class="text-3xl font-bold mb-4 text-center">Ready to Try RAD Process?</h2>
      <p class="text-xl text-blue-100 mb-8 text-center max-w-2xl mx-auto">
        Explore a free Buildly Labs workspace and see how AI-native product management eliminates coordination overhead.
      </p>

      <div class="flex flex-col sm:flex-row gap-4 justify-center items-center">
        <a href="https://labs.buildly.io" target="_blank" class="bg-white text-blue-600 px-8 py-4 rounded-lg font-semibold hover:bg-gray-100 transition text-lg shadow-lg">
          Try Buildly Labs Free →
        </a>
        <a href="https://www.buildly.io/rad-process" target="_blank" class="bg-blue-700 text-white px-8 py-4 rounded-lg font-semibold hover:bg-blue-800 transition text-lg border-2 border-white">
          Learn About RAD Process
        </a>
      </div>

      <p class="text-center text-blue-200 mt-6 text-sm">
        No credit card required • Free workspace • Full RAD Process features
      </p>
    </section>

    <!-- Next Steps -->
    <section class="bg-white rounded-lg shadow-lg p-8 mb-8">
      <h2 class="text-3xl font-bold mb-6 gradient-text">Continue Your Journey</h2>

      <div class="space-y-6">
        <div class="p-6 bg-gradient-to-r from-blue-50 to-purple-50 rounded-lg border border-blue-200">
          <h3 class="text-xl font-semibold text-gray-900 mb-3">📋 Learn RAD Process</h3>
          <p class="text-gray-700 mb-4">
            Get the step-by-step guide to transition from sprint planning to AI-adaptive delivery.
          </p>
          <a href="rad-process-guide.html" class="text-blue-600 hover:text-blue-800 font-semibold">Read the Planning Guide →</a>
        </div>

        <div class="p-6 bg-gradient-to-r from-blue-50 to-purple-50 rounded-lg border border-purple-200">
          <h3 class="text-xl font-semibold text-gray-900 mb-3">📖 Read the Primer</h3>
          <p class="text-gray-700 mb-4">
            Understand why AI made Agile obsolete and the three foundations of Radical Therapy.
          </p>
          <a href="primer.html" class="text-purple-600 hover:text-purple-800 font-semibold">Read the Primer →</a>
        </div>

        <div class="p-6 bg-gradient-to-r from-blue-50 to-purple-50 rounded-lg border border-green-200">
          <h3 class="text-xl font-semibold text-gray-900 mb-3">🤖 Ask the GPT</h3>
          <p class="text-gray-700 mb-4">
            Get personalized advice on implementing RAD Process in your team.
          </p>
          <a href="gpt-access.html" class="text-green-600 hover:text-green-800 font-semibold">Access the GPT Coach →</a>
        </div>

        <div class="p-6 bg-gradient-to-r from-blue-50 to-purple-50 rounded-lg border border-blue-200">
          <h3 class="text-xl font-semibold text-gray-900 mb-3">📊 Assess Your Readiness</h3>
          <p class="text-gray-700 mb-4">
            Take the 5-minute AI Readiness Self-Assessment to see where you stand.
          </p>
          <a href="assessment.html" class="text-blue-600 hover:text-blue-800 font-semibold">Take the Assessment →</a>
        </div>
      </div>
    </section>

    <!-- About -->
    <section class="bg-white rounded-lg shadow-lg p-8">
      <h2 class="text-2xl font-bold mb-4 text-gray-900">About Buildly Labs</h2>
      <p class="text-gray-700 mb-4 leading-relaxed">
        Buildly Labs is the AI-native product management platform built by the team behind Radical Therapy. It's designed to implement RAD Process at scale, eliminating coordination overhead while maintaining radical transparency.
      </p>
      <p class="text-gray-700 leading-relaxed">
        Learn more at <a href="https://labs.buildly.io" target="_blank" class="text-blue-600 hover:underline">labs.buildly.io</a> and <a href="https://www.buildly.io/rad-process" target="_blank" class="text-blue-600 hover:underline">buildly.io/rad-process</a>
      </p>
      <div class="mt-6">
        <a href="index.html" class="inline-block bg-gradient-to-r from-blue-600 to-purple-600 text-white px-6 py-3 rounded-lg font-semibold hover:from-blue-700 hover:to-purple-700 transition">
          Back to Home
        </a>
        <button onclick="window.print()" class="ml-4 inline-block bg-gray-200 text-gray-800 px-6 py-3 rounded-lg font-semibold hover:bg-gray-300 transition no-print">
          Print / Save as PDF
        </button>
      </div>
    </section>

  </main>

  <!-- Footer -->
  <footer class="gradient-bg text-white py-8 no-print mt-12">
    <div class="max-w-4xl mx-auto px-6 text-center">
      <p class="text-blue-100">
        Part of the Radical Therapy Starter Kit •
        <a href="https://www.buildly.io/rad-process" target="_blank" class="text-white hover:underline">Learn About RAD Process</a> •
        <a href="https://labs.buildly.io" target="_blank" class="text-white hover:underline">Try Buildly Labs</a>
      </p>
    </div>
  </footer>

</body>
</html>