diff --git a/vibes.diy/pkg/app/components/QuickSuggestions.tsx b/vibes.diy/pkg/app/components/QuickSuggestions.tsx
index 1af04c157..9ccb7a7f4 100644
--- a/vibes.diy/pkg/app/components/QuickSuggestions.tsx
+++ b/vibes.diy/pkg/app/components/QuickSuggestions.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+import React, { useEffect, useMemo, useState } from "react";
 import { quickSuggestions } from "../data/quick-suggestions-data.js";
 
 interface QuickSuggestionsProps {
@@ -12,6 +12,24 @@ interface Suggestion {
 
 function QuickSuggestions({ onSelectSuggestion }: QuickSuggestionsProps) {
   const [randomSuggestions, setRandomSuggestions] = useState<Suggestion[]>([]);
+  const [selected, setSelected] = useState<Set<number>>(new Set());
+
+  const allSelected = useMemo(
+    () =>
+      randomSuggestions.length > 0 &&
+      selected.size === randomSuggestions.length,
+    [randomSuggestions.length, selected.size],
+  );
+
+  const buildCombinedPrompt = (indexes: Set<number>) => {
+    const items = Array.from(indexes)
+      .sort((a, b) => a - b)
+      .map((i) => randomSuggestions[i])
+      .filter(Boolean);
+    if (items.length === 0) return "";
+    // Join selected feature prompts in a concise, model-friendly way
+    return items.map((s) => `- ${s.label}: ${s.text}`).join("\n");
+  };
 
   useEffect(() => {
     const shuffled = [...quickSuggestions].sort(() => 0.5 - Math.random());
@@ -23,17 +41,74 @@ function QuickSuggestions({ onSelectSuggestion }: QuickSuggestionsProps) {
       <h3 className="mb-4 text-center text-sm font-medium text-gray-600">
         Create custom vibes from a prompt
       </h3>
-      <div className="flex flex-wrap justify-center gap-2">
-        {randomSuggestions.map((suggestion, index) => (
-          <button
-            key={index}
-            type="button"
-            onClick={() => onSelectSuggestion(suggestion.text)}
-            className="cursor-pointer rounded-md bg-light-background-01 px-3 py-1.5 text-sm font-medium text-light-primary transition-colors hover:bg-light-decorative-01 dark:bg-dark-background-01 dark:text-dark-primary dark:hover:bg-dark-decorative-01"
-          >
-            {suggestion.label}
-          </button>
-        ))}
+      {/* Selection toolbar */}
+      {randomSuggestions.length > 0 && (
+        <div className="mb-3 flex items-center justify-center gap-4 text-xs text-gray-600">
+          <label className="inline-flex items-center gap-2">
+            <input
+              type="checkbox"
+              aria-label="Select all suggested features"
+              checked={allSelected}
+              onChange={(e) => {
+                const next = new Set<number>();
+                if (e.currentTarget.checked) {
+                  for (let i = 0; i < randomSuggestions.length; i++)
+                    next.add(i);
+                }
+                setSelected(next);
+                const combined = buildCombinedPrompt(next);
+                if (combined) onSelectSuggestion(combined);
+              }}
+              className="h-4 w-4 accent-blue-600"
+            />
+            <span>Select all</span>
+          </label>
+          {selected.size > 0 && (
+            <button
+              type="button"
+              onClick={() => {
+                setSelected(new Set());
+                // Clear the input when clearing selection to avoid confusion
+                onSelectSuggestion("");
+              }}
+              className="rounded px-2 py-1 text-[11px] text-blue-700 hover:underline dark:text-blue-400"
+            >
+              Clear selected
+            </button>
+          )}
+        </div>
+      )}
+
+      {/* Suggestions list: checkbox for multi-select + pill button for single insert */}
+      <div className="flex flex-wrap justify-center gap-3">
+        {randomSuggestions.map((suggestion, index) => {
+          const isChecked = selected.has(index);
+          return (
+            <div key={index} className="flex items-center gap-2">
+              <input
+                type="checkbox"
+                aria-label={`Select ${suggestion.label}`}
+                checked={isChecked}
+                onChange={(e) => {
+                  const next = new Set(selected);
+                  if (e.currentTarget.checked) next.add(index);
+                  else next.delete(index);
+                  setSelected(next);
+                  const combined = buildCombinedPrompt(next);
+                  if (combined) onSelectSuggestion(combined);
+                }}
+                className="h-4 w-4 accent-blue-600"
+              />
+              <button
+                type="button"
+                onClick={() => onSelectSuggestion(suggestion.text)}
+                className="cursor-pointer rounded-md bg-light-background-01 px-3 py-1.5 text-sm font-medium text-light-primary transition-colors hover:bg-light-decorative-01 dark:bg-dark-background-01 dark:text-dark-primary dark:hover:bg-dark-decorative-01"
+              >
+                {suggestion.label}
+              </button>
+            </div>
+          );
+        })}
       </div>
     </div>
   );
diff --git a/vibes.diy/tests/app/QuickSuggestions.test.tsx b/vibes.diy/tests/app/QuickSuggestions.test.tsx
index 619947765..520e62ca8 100644
--- a/vibes.diy/tests/app/QuickSuggestions.test.tsx
+++ b/vibes.diy/tests/app/QuickSuggestions.test.tsx
@@ -74,3 +74,27 @@ describe("QuickSuggestions", () => {
     expect(button).toHaveClass("cursor-pointer");
   });
 });
+
+  it("supports select-all checkbox to auto-fill combined features", () => {
+    const onSelectSuggestion = vi.fn();
+    const { container } = render(
+      <QuickSuggestions onSelectSuggestion={onSelectSuggestion} />,
+    );
+
+    const selectAll = container.querySelector(
+      'input[aria-label="Select all suggested features"]',
+    ) as HTMLInputElement | null;
+    expect(selectAll).not.toBeNull();
+
+    if (selectAll) {
+      // Click the select-all checkbox
+      fireEvent.click(selectAll);
+
+      // Verify callback was invoked with a combined string
+      expect(onSelectSuggestion).toHaveBeenCalled();
+      const arg = onSelectSuggestion.mock.calls[0][0];
+      expect(typeof arg).toBe("string");
+      // Combined prompt should contain multiple lines joined with dashes
+      expect(arg.includes("- ")).toBe(true);
+    }
+  });