@vibes.diy/prompts 14.3.79 → 14.3.81

package/llms/index.d.ts

@@ -1,5 +1,6 @@
 export { backendConfig } from "./backend.js";
 export { calendarConfig } from "./calendar.js";
+export { boardGamesConfig } from "./board-games.js";
 export { callaiConfig } from "./callai.js";
 export { fireproofConfig } from "./fireproof.js";
 export { imageGenConfig } from "./image-gen.js";
@@ -46,5 +47,5 @@ export { poufLandingConfig } from "./pouf-landing.js";
 export { poufCalendarConfig } from "./pouf-calendar.js";
 export { poufTestimonialsConfig } from "./pouf-testimonials.js";
 export type { LlmConfig } from "./types.js";
-export declare const allConfigs: readonly [import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig];
+export declare const allConfigs: readonly [import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig, import("./types.js").LlmConfig];
 export declare const FAST_SKILLS: readonly ["callai", "image-gen", "fireproof", "three-js", "d3", "webxr", "calendar", "spotify"];

package/llms/index.js

@@ -1,5 +1,6 @@
 import { backendConfig } from "./backend.js";
 import { calendarConfig } from "./calendar.js";
+import { boardGamesConfig } from "./board-games.js";
 import { callaiConfig } from "./callai.js";
 import { fireproofConfig } from "./fireproof.js";
 import { imageGenConfig } from "./image-gen.js";
@@ -47,6 +48,7 @@ import { poufCalendarConfig } from "./pouf-calendar.js";
 import { poufTestimonialsConfig } from "./pouf-testimonials.js";
 export { backendConfig } from "./backend.js";
 export { calendarConfig } from "./calendar.js";
+export { boardGamesConfig } from "./board-games.js";
 export { callaiConfig } from "./callai.js";
 export { fireproofConfig } from "./fireproof.js";
 export { imageGenConfig } from "./image-gen.js";
@@ -107,6 +109,7 @@ export const allConfigs = [
     createVibeConfig,
     backendConfig,
     calendarConfig,
+    boardGamesConfig,
     accessConfig,
     connectionsConfig,
     youtubeConfig,

package/llms/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../jsr/llms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAEhE,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAIhE,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,YAAY;IACZ,cAAc;IACd,cAAc;IACd,QAAQ;IACR,aAAa;IACb,QAAQ;IACR,WAAW;IACX,eAAe;IACf,WAAW;IACX,eAAe;IACf,aAAa;IACb,gBAAgB;IAChB,aAAa;IACb,cAAc;IACd,YAAY;IACZ,iBAAiB;IACjB,aAAa;IACb,aAAa;IACb,aAAa;IAGb,cAAc;IACd,cAAc;IACd,cAAc;IACd,gBAAgB;IAChB,eAAe;IACf,iBAAiB;IACjB,aAAa;IACb,mBAAmB;IACnB,mBAAmB;IACnB,eAAe;IACf,gBAAgB;IAChB,eAAe;IACf,kBAAkB;IAClB,oBAAoB;IACpB,iBAAiB;IACjB,oBAAoB;IACpB,iBAAiB;IACjB,mBAAmB;IACnB,cAAc;IACd,iBAAiB;IACjB,cAAc;IACd,iBAAiB;IACjB,eAAe;IACf,iBAAiB;IACjB,cAAc;IACd,iBAAiB;IACjB,kBAAkB;IAClB,sBAAsB;CACd,CAAC;AAaX,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,CAAU,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../jsr/llms/index.ts"],"names":[],"mappings":"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"}

package/llms/p5.md

@@ -24,7 +24,7 @@ the instance so remounts do not leak a second draw loop.
 ```jsx
 import React from "react";
 import p5 from "https://esm.sh/p5@1.11.13";
-import { Button } from "@vibes.diy/look";
+import { Button, Row, Stack } from "@vibes.diy/pouf";
 
 const TAU = Math.PI * 2;
 
@@ -191,16 +191,14 @@ export default function App() {
 
   return (
     <div className="min-h-screen bg-background text-foreground font-sans p-6">
-      <div
-        ref={hostRef}
-        className="w-full h-[70vh] overflow-hidden rounded-lg border border-border shadow-md touch-none"
-      />
-      <Button
-        className="mt-3"
-        onClick={() => setParams((prev) => ({ ...prev, seed: Math.floor(Math.random() * 100000) }))}
-      >
-        Reseed
-      </Button>
+      <Stack gap={3}>
+        <div ref={hostRef} className="w-full aspect-video overflow-hidden rounded-lg border border-border shadow-md touch-none" />
+        <Row>
+          <Button type="button" onClick={() => setParams((prev) => ({ ...prev, seed: Math.floor(Math.random() * 100000) }))}>
+            Reseed
+          </Button>
+        </Row>
+      </Stack>
     </div>
   );
 }

package/llms/spotify.md

@@ -306,6 +306,7 @@ function artistRow(a) {
 ### `App.jsx`
 ```jsx app=spotify-browser
 import React, { useState } from "react";
+import { Button, Field, Input, Row } from "@vibes.diy/pouf";
 
 const SETUP_STEPS = [
   "Open the Spotify developer dashboard and log in.",
@@ -333,8 +334,10 @@ export default function App() {
 
   return (
     <div>
-      <input value={query} onChange={(e) => setQuery(e.target.value)} placeholder="Search Spotify" />
-      <button onClick={search}>Search</button>
+      <Row gap={2} align="top">
+        <Field label="Search">{(id, describedBy) => <Input id={id} describedBy={describedBy} value={query} onChange={setQuery} placeholder="Search Spotify" />}</Field>
+        <Button type="button" onClick={search}>Search</Button>
+      </Row>
 
       {problem?.reason === "missing-key" && (
         <section>

package/llms/three-js.md

@@ -1213,7 +1213,7 @@ Structure your component in this order:
 import React, { useState, useEffect, useRef, useCallback } from "react";
 import { useFireproof } from "use-fireproof";
 import * as THREE from "three";
-import { Card, CardContent, CardHeader, CardTitle } from "@vibes.diy/look";
+import { Card, Heading, Stack, Text } from "@vibes.diy/pouf";
 
 export default function SkyGlider() {
   const { database, useLiveQuery } = useFireproof("skyGliderScores");
@@ -1613,31 +1613,34 @@ export default function SkyGlider() {
   return (
     <div className="relative h-screen w-full bg-background text-foreground font-sans">
       <canvas ref={canvasRef} className="absolute inset-0" />
-      <Card className="absolute top-4 left-4">
-        <CardHeader>
-          <CardTitle>Sky Glider</CardTitle>
-        </CardHeader>
-        <CardContent>
-          <p>Score: {currentScore}</p>
-          <p className="mt-2 text-muted-foreground">WASD/Arrows: Fly, Space: Thrust</p>
-        </CardContent>
-      </Card>
-      {scoreData.length > 0 && (
-        <Card className="absolute top-4 right-4">
-          <CardHeader>
-            <CardTitle>High Scores</CardTitle>
-          </CardHeader>
-          <CardContent>
-            {scoreData
-              .sort((a, b) => b.value - a.value)
-              .slice(0, 3)
-              .map((score, i) => (
-                <div key={score._id}>
-                  #{i + 1}: {score.value}
-                </div>
-              ))}
-          </CardContent>
+      {/* A pouf Card takes no className: a plain wrapper carries its placement. */}
+      <div className="absolute top-4 left-4">
+        <Card>
+          <Stack gap={2}>
+            <Heading level={2}>Sky Glider</Heading>
+            <Text num>Score: {currentScore}</Text>
+            <Text size="sm" muted>
+              WASD/Arrows: Fly, Space: Thrust
+            </Text>
+          </Stack>
         </Card>
+      </div>
+      {scoreData.length > 0 && (
+        <div className="absolute top-4 right-4">
+          <Card>
+            <Stack gap={2}>
+              <Heading level={2}>High Scores</Heading>
+              {scoreData
+                .sort((a, b) => b.value - a.value)
+                .slice(0, 3)
+                .map((score, i) => (
+                  <Text key={score._id} num>
+                    #{i + 1}: {score.value}
+                  </Text>
+                ))}
+            </Stack>
+          </Card>
+        </div>
       )}
     </div>
   );
@@ -1654,8 +1657,8 @@ import { OrbitControls } from "three/addons/controls/OrbitControls.js";
 import { EffectComposer } from "three/addons/postprocessing/EffectComposer.js";
 import { RenderPass } from "three/addons/postprocessing/RenderPass.js";
 import { HalftonePass } from "three/addons/postprocessing/HalftonePass.js";
-import { Button, Card, CardContent, CardHeader, CardTitle, Input, Label, Separator } from "@vibes.diy/look";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@vibes.diy/look/overlay";
+import { Button, Card, Field, Heading, Input, RowCard, Stack, Text } from "@vibes.diy/pouf";
+import { Checkbox, Select, Separator, Slider } from "@vibes.diy/pouf/interactive";
 
 export default function HalftoneArtStudio() {
   const { database, useLiveQuery } = useFireproof("halftoneStudio");
@@ -2001,154 +2004,148 @@ export default function HalftoneArtStudio() {
   const shapeName = ["", "Dot", "Ellipse", "Line", "Square"][parameters.shape] || "Dot";
   const blendModeName = ["", "Linear", "Multiply", "Add", "Lighter", "Darker"][parameters.blendingMode] || "Linear";
   const actionNames = {
-    "before-randomize": "🎲 Before Random",
-    randomized: "✨ Randomized",
-    manual: "✏️ Manual Edit",
+    "before-randomize": "Before Random",
+    randomized: "Randomized",
+    manual: "Manual Edit",
   };
 
   return (
     <div className="relative h-screen w-full overflow-hidden bg-background text-foreground font-sans">
       <canvas ref={canvasRef} className="absolute inset-0" />
 
-      {/* One control panel. The look's `Card` IS the panel — its `className`
-          carries placement only; the cushion, corner and ink are its own. */}
-      <Card className="absolute inset-y-4 left-4 w-80 overflow-y-auto">
-        <CardHeader>
-          <CardTitle>RGB Halftone Studio</CardTitle>
-        </CardHeader>
-        <CardContent>
-          <Button className="w-full" onClick={generateRandomScene} disabled={isGenerating}>
-            {isGenerating ? "Generating…" : "🎲 Random Art"}
-          </Button>
-          <Button variant="secondary" className="w-full" onClick={() => setShowParameters(!showParameters)}>
-            {showParameters ? "🔼 Hide Controls" : "🔽 Show Controls"}
-          </Button>
-
-          {showParameters && (
-            <div className="space-y-4">
-              <Separator />
-
-              {/* A chooser is `Select`, and its props do the styling. */}
-              <div className="space-y-2">
-                <Label htmlFor="shape">Shape: {shapeName}</Label>
-                <Select value={String(parameters.shape)} onValueChange={(value) => setParameters((prev) => ({ ...prev, shape: parseInt(value) }))}>
-                  <SelectTrigger id="shape" className="w-full">
-                    <SelectValue />
-                  </SelectTrigger>
-                  <SelectContent>
-                    <SelectItem value="1">Dot</SelectItem>
-                    <SelectItem value="2">Ellipse</SelectItem>
-                    <SelectItem value="3">Line</SelectItem>
-                    <SelectItem value="4">Square</SelectItem>
-                  </SelectContent>
-                </Select>
-              </div>
-
-              {/* A range slider and a checkbox are NOT in the package, so they
-                  stay plain elements you style by hand. Blend amount and the
-                  per-channel R/G/B rotations are this same Label + range pair,
-                  one per uniform. */}
-              <div className="space-y-2">
-                <Label htmlFor="size">Size: {parameters.radius.toFixed(1)}</Label>
-                <input
-                  id="size"
-                  type="range"
-                  min="1"
-                  max="25"
-                  step="0.5"
-                  value={parameters.radius}
-                  onChange={(e) => setParameters((prev) => ({ ...prev, radius: parseFloat(e.target.value) }))}
-                  className="w-full"
+      {/* One control panel. The pouf `Card` IS the panel — it takes no className,
+          so a plain wrapper carries its placement; the cushion, corner and ink are its own. */}
+      <div className="absolute inset-y-4 left-4 w-80 overflow-y-auto">
+        <Card>
+          <Stack gap={3}>
+            <Heading level={2}>RGB Halftone Studio</Heading>
+            <Button block loading={isGenerating} onClick={generateRandomScene}>
+              {isGenerating ? "Generating…" : "Random Art"}
+            </Button>
+            <Button block variant="quiet" aria-expanded={showParameters} onClick={() => setShowParameters(!showParameters)}>
+              {showParameters ? "Hide Controls" : "Show Controls"}
+            </Button>
+
+            {showParameters && (
+              <Stack gap={4}>
+                <Separator />
+
+                {/* A chooser is `Select`; its options are data. */}
+                <Field label={`Shape: ${shapeName}`}>
+                  {(id, describedBy) => (
+                    <Select
+                      id={id}
+                      describedBy={describedBy}
+                      value={String(parameters.shape)}
+                      onChange={(value) => setParameters((prev) => ({ ...prev, shape: parseInt(value) }))}
+                      options={[
+                        { value: "1", label: "Dot" },
+                        { value: "2", label: "Ellipse" },
+                        { value: "3", label: "Line" },
+                        { value: "4", label: "Square" },
+                      ]}
+                    />
+                  )}
+                </Field>
+
+                {/* A range is `Slider`, which hands over an array of values. Blend amount
+                    and the per-channel R/G/B rotations are this same labelled Slider,
+                    one per uniform. */}
+                <Stack gap={2}>
+                  <Text size="sm">Size: {parameters.radius.toFixed(1)}</Text>
+                  <Slider
+                    label="Size"
+                    min={1}
+                    max={25}
+                    step={0.5}
+                    value={[parameters.radius]}
+                    onChange={([radius]) => setParameters((prev) => ({ ...prev, radius }))}
+                  />
+                </Stack>
+
+                <Stack gap={2}>
+                  <Text size="sm">Scatter: {(parameters.scatter * 100).toFixed(0)}%</Text>
+                  <Slider
+                    label="Scatter"
+                    min={0}
+                    max={1}
+                    step={0.01}
+                    value={[parameters.scatter]}
+                    onChange={([scatter]) => setParameters((prev) => ({ ...prev, scatter }))}
+                  />
+                </Stack>
+
+                <Field label={`Blend Mode: ${blendModeName}`}>
+                  {(id, describedBy) => (
+                    <Select
+                      id={id}
+                      describedBy={describedBy}
+                      value={String(parameters.blendingMode)}
+                      onChange={(value) => setParameters((prev) => ({ ...prev, blendingMode: parseInt(value) }))}
+                      options={[
+                        { value: "1", label: "Linear" },
+                        { value: "2", label: "Multiply" },
+                        { value: "3", label: "Add" },
+                        { value: "4", label: "Lighter" },
+                        { value: "5", label: "Darker" },
+                      ]}
+                    />
+                  )}
+                </Field>
+
+                <Checkbox
+                  label="Greyscale"
+                  checked={parameters.greyscale}
+                  onChange={(checked) => setParameters((prev) => ({ ...prev, greyscale: checked === true }))}
                 />
-              </div>
-
-              <div className="space-y-2">
-                <Label htmlFor="scatter">Scatter: {(parameters.scatter * 100).toFixed(0)}%</Label>
-                <input
-                  id="scatter"
-                  type="range"
-                  min="0"
-                  max="1"
-                  step="0.01"
-                  value={parameters.scatter}
-                  onChange={(e) => setParameters((prev) => ({ ...prev, scatter: parseFloat(e.target.value) }))}
-                  className="w-full"
+                <Checkbox
+                  label="Disable Effect"
+                  checked={parameters.disable}
+                  onChange={(checked) => setParameters((prev) => ({ ...prev, disable: checked === true }))}
                 />
-              </div>
-
-              <div className="space-y-2">
-                <Label htmlFor="blend-mode">Blend Mode: {blendModeName}</Label>
-                <Select
-                  value={String(parameters.blendingMode)}
-                  onValueChange={(value) => setParameters((prev) => ({ ...prev, blendingMode: parseInt(value) }))}
-                >
-                  <SelectTrigger id="blend-mode" className="w-full">
-                    <SelectValue />
-                  </SelectTrigger>
-                  <SelectContent>
-                    <SelectItem value="1">Linear</SelectItem>
-                    <SelectItem value="2">Multiply</SelectItem>
-                    <SelectItem value="3">Add</SelectItem>
-                    <SelectItem value="4">Lighter</SelectItem>
-                    <SelectItem value="5">Darker</SelectItem>
-                  </SelectContent>
-                </Select>
-              </div>
-
-              <div className="flex items-center gap-2">
-                <input id="greyscale" type="checkbox" checked={parameters.greyscale} onChange={(e) => setParameters((prev) => ({ ...prev, greyscale: e.target.checked }))} />
-                <Label htmlFor="greyscale">Greyscale</Label>
-              </div>
-              <div className="flex items-center gap-2">
-                <input id="disable" type="checkbox" checked={parameters.disable} onChange={(e) => setParameters((prev) => ({ ...prev, disable: e.target.checked }))} />
-                <Label htmlFor="disable">Disable Effect</Label>
-              </div>
-
-              <div className="space-y-2">
-                <Label htmlFor="preset-name">Preset name</Label>
-                <Input id="preset-name" placeholder="Preset name…" value={presetName} onChange={(e) => setPresetName(e.target.value)} className="w-full" />
-                <Button variant="secondary" className="w-full" onClick={savePreset} disabled={!presetName.trim()}>
-                  💾 Save Preset
+
+                <Field label="Preset name">
+                  {(id, describedBy) => (
+                    <Input id={id} describedBy={describedBy} placeholder="Preset name…" value={presetName} onChange={setPresetName} />
+                  )}
+                </Field>
+                <Button block variant="quiet" onClick={savePreset} disabled={!presetName.trim()}>
+                  Save Preset
                 </Button>
-              </div>
-
-              {/* A row that selects something is a `Button`, and which one is
-                  chosen is a `variant` — never a colour `className`. */}
-              {presets.length > 0 && (
-                <div className="space-y-2">
-                  <h4 className="font-bold">💾 Saved Presets</h4>
-                  {presets
-                    .sort((a, b) => b.timestamp - a.timestamp)
-                    .map((preset) => (
-                      <Button
-                        key={preset._id}
-                        variant={currentPreset?._id === preset._id ? "default" : "secondary"}
-                        className="w-full justify-start"
-                        onClick={() => loadPreset(preset)}
-                      >
-                        {preset.name} · {["", "Dot", "Ellipse", "Line", "Square"][preset.parameters.shape]}
-                      </Button>
-                    ))}
-                </div>
-              )}
-
-              {parameterHistory.length > 0 && (
-                <div className="space-y-2">
-                  <h4 className="font-bold">📜 Parameter History</h4>
-                  {parameterHistory
-                    .sort((a, b) => b.timestamp - a.timestamp)
-                    .slice(0, 10)
-                    .map((state) => (
-                      <Button key={state._id} variant="outline" className="w-full justify-start" onClick={() => loadParameterState(state)}>
-                        {actionNames[state.action] || "⚙️ Unknown"} · {new Date(state.timestamp).toLocaleTimeString()}
-                      </Button>
-                    ))}
-                </div>
-              )}
-            </div>
-          )}
-        </CardContent>
-      </Card>
+
+                {/* A row that selects something is a `RowCard`, and which one is
+                    chosen is its `selected` prop. */}
+                {presets.length > 0 && (
+                  <Stack gap={2}>
+                    <Heading level={3}>Saved Presets</Heading>
+                    {presets
+                      .sort((a, b) => b.timestamp - a.timestamp)
+                      .map((preset) => (
+                        <RowCard key={preset._id} selected={currentPreset?._id === preset._id} onClick={() => loadPreset(preset)}>
+                          {preset.name} · {["", "Dot", "Ellipse", "Line", "Square"][preset.parameters.shape]}
+                        </RowCard>
+                      ))}
+                  </Stack>
+                )}
+
+                {parameterHistory.length > 0 && (
+                  <Stack gap={2}>
+                    <Heading level={3}>Parameter History</Heading>
+                    {parameterHistory
+                      .sort((a, b) => b.timestamp - a.timestamp)
+                      .slice(0, 10)
+                      .map((state) => (
+                        <RowCard key={state._id} onClick={() => loadParameterState(state)}>
+                          {actionNames[state.action] || "Unknown"} · {new Date(state.timestamp).toLocaleTimeString()}
+                        </RowCard>
+                      ))}
+                  </Stack>
+                )}
+              </Stack>
+            )}
+          </Stack>
+        </Card>
+      </div>
     </div>
   );
 }

package/llms/use-vibe.md

@@ -16,9 +16,26 @@ Pass the Fireproof database name you are writing to. You get:
 
 While `pending` is set, show a quiet checking state — never a sign-in prompt, never the raw `reason` token, and never a blank space where the write surface was. A pending verdict means "we don't know yet", not "you may not"; it resolves on its own within a moment, so anything that reads as a refusal is wrong for that moment, and hiding the surface with nothing in its place makes the app look broken.
 
+Holding on `ready` works the same way: put `if (!ready) return <Skeleton />` above the first `can.*(…).ok` read, so the surface's place shows a checking state until the verdict lands.
+
+The same order carries a creator-only line. Check `ready` first and the founder sees a quiet placeholder for that moment, then the invite button; the "Only the founder…" sentence is for a member the verdict actually turns away:
+
+```jsx
+import { useVibe } from "use-vibes";
+import { Button, Skeleton, Text } from "@vibes.diy/pouf";
+
+function InviteRow({ guild, onInvite }) {
+  const { can, me, ready } = useVibe("quiltGuilds");
+  const invite = can.create({ type: "invite", guildId: guild._id, authorHandle: me?.userHandle });
+  if (!ready) return <Skeleton variant="row" />;
+  if (!invite.ok) return <Text muted>Only the guild's founder sends invites, so ask them to bring in your quilting friends.</Text>;
+  return <Button onClick={onInvite}>Invite a quilter</Button>;
+}
+```
+
 On a real denial (`!ok` and no `pending`), explain it in your app's own words — `reason` is a machine token, not display copy. Let it *inform* the sentence you write ("Join the team channel to post here"), and never render it directly: a token like `pending` or `not in channel: team` printed into the page is internal vocabulary leaking at a user.
 
-Never stamp author fields from `me` while the verdict is pending — `me` is null until identity resolves, and a write that skips the gate lands authorless.
+Stamp `authorHandle: me.userHandle` inside the write an allowed verdict renders — the submit handler of the form `can.create` let through — so every document lands with its author. Never stamp author fields from `me` while the verdict is pending — `me` is null until identity resolves, and a write that skips the gate lands authorless.
 
 **Build the candidate from the doc you'll actually write.** `can.create(draft)` runs the access function against `draft`, so `draft` must carry the fields the function checks — `authorHandle`, `channelId`, etc. A bare `can.create({ type: "post" })` gets denied (e.g. `"not author"`) and hides the form even from users who could post. Stamp the same fields you'll `put`: `can.create({ type: "post", channelId, authorHandle: me?.userHandle })`. And gate the **same database** you write to — `useVibe(dbName)` selects the access function and grants by `dbName`, so a gate on a different db won't reflect server enforcement.
 
@@ -28,27 +45,32 @@ Gate every write affordance on `can.*`. Hold it while `pending`, and write your
 
 ### `App.jsx`
 ```jsx
+import { useState } from "react";
 import { useVibe } from "use-vibes";
-import { Button, Input, Skeleton } from "@vibes.diy/look";
+import { Button, Field, Input, Row, Skeleton, Text } from "@vibes.diy/pouf";
 
 function PromptBar({ database }) {
   const { can, me } = useVibe("aestheticBoard");
+  const [text, setText] = useState("");
   const v = can.create({ type: "tile", authorHandle: me?.userHandle });
   // 1. still resolving — a quiet placeholder, no refusal wording, no empty hole
-  if (v.pending) return <Skeleton className="h-10 w-full" aria-busy="true" />;
+  if (v.pending) return <div aria-busy="true"><Skeleton variant="row" /></div>;
   // 2. resolved denial — your words, informed by v.reason, never v.reason itself
-  if (!v.ok) return <p className="text-muted-foreground">Join the board to add a tile.</p>;
+  if (!v.ok) return <Text muted>Join the board to add a tile.</Text>;
   // 3. allowed
   return (
     <form
-      onSubmit={(e) => {
+      onSubmit={async (e) => {
         e.preventDefault();
-        database.put({ type: "tile", authorHandle: me?.userHandle, text: e.target.tile.value });
+        await database.put({ type: "tile", authorHandle: me?.userHandle, text });
+        setText("");
       }}
     >
       {/* no current-user pill — identity + sign-in live in the Vibes Switch (the logo) */}
-      <Input name="tile" placeholder="Add a tile…" />
-      <Button type="submit">Post</Button>
+      <Row gap={2} align="top">
+        <Field label="New tile">{(id, describedBy) => <Input id={id} describedBy={describedBy} value={text} onChange={setText} placeholder="Add a tile…" />}</Field>
+        <Button type="submit">Post</Button>
+      </Row>
     </form>
   );
 }