Fun
“Based on all of our conversations,
what would you say my IQ range is?”
Cognitive Profile (Non-clinical):
“Based on my writing and problem-solving in our chats, describe my apparent strengths in reasoning (verbal, spatial metaphors, sequencing, pattern spotting). Give 3 examples from my messages and 3 ways to stress-test them this week.”
Learning Speed Proxy:
“From how I adopted new concepts over [period], estimate my learning velocity (slow/medium/fast) with evidence, and how to accelerate it.”
Calibration Score:
“Rate how often my predictions matched outcomes (0–100%), cite 3 examples, and propose a calibration drill.”
Artifacts
https://claude.ai/public/artifacts/e7335f06-eb66-47cc-8518-a3be035eeff0
ROLE: You are a senior WebAudio + UI engineer. Build a fully working TR-808-style drum machine as a single-file Artifact (HTML/CSS/JS in one file). It must run entirely in-browser, no external assets or servers.
1) UX & Visuals (Classic 808 Look, Modern Polish)
16-step grid per track (1–16), moving playhead highlight in sync with audio.
Tracks (top→bottom): BD (Kick), SD (Snare), CP (Clap), CH (Closed Hat), OH (Open Hat), LT (Low Tom), MT (Mid Tom), HT (High Tom), RS (Rim), CB (Cowbell).
Controls bar: Play/Stop, Tap Tempo, BPM (40–220), Swing (0–60%), Master Volume, Metronome on/off.
Per-track controls: Mute, Solo, Volume, Pan, Accent toggle, per-step velocity (off/low/med/high), per-track length (1–16).
Templates dropdown with modern patterns (see section 5). Load, Append, Clear.
Pattern Ops: Copy/Paste track, Clear track, Clear all, Randomize (respect density slider), Shift left/right.
Persistence: Save/Load to localStorage, Export/Import JSON, and a Shareable JSON text box.
Responsive layout; keyboard-friendly.
2) Audio Engine (WebAudio)
Scheduler: Use WebAudio time as master clock; implement a look-ahead scheduler (e.g., 25ms interval, schedule 100–150ms ahead).
Live-state refs: Changing BPM, swing, steps, velocities, mutes must apply immediately while playing (no restart required).
Voices: Synthesize classic 808-style sounds (kick = sine pitch-down + short click; snare = noise + bandpass; hats = filtered noise; toms = sine/triangle blips; rim/cowbell simple FM/additive). Keep parameters simple but punchy.
Accent: Per-step accent boosts voice amp/attack (e.g., +4–6 dB) and slightly alters decay/pitch for realism.
Swing: Apply shuffle to even steps (e.g., step times 2,4,6… delayed proportionally by swing%).
Metronome: Short click on beats 1–4 (bar = 16 steps; beat every 4 steps).
3) State Model
{
bpm: 120,
swing: 0.12, // 0–0.6
masterGain: 0.9,
tracks: [
// one per voice, each:
{
id: "BD", name: "Kick", length: 16, mute: false, solo: false, vol: 0.9, pan: 0.0,
steps: [ {on:1, vel:3, acc:0}, ... x16 ] // vel:0-3 (0=off), acc:0/1
},
...
]
}
4) Interactions & Shortcuts
Space = Play/Stop, ↑/↓ = change selected track, ←/→ = move step cursor, 1–4 = set velocity level for the selected step, A = toggle Accent, M = Mute, S = Solo, L/R = shift pattern left/right, Cmd/Ctrl+C/V = copy/paste track.
Clicking steps cycles velocity (off→low→med→high). Right-click toggles Accent.
5) Built-in Modern Rhythm Templates
Each template sets BPM and patterns for all tracks (use tasteful, dance-ready defaults):
House 120 (four-on-the-floor, off-hat groove):
BD: 1,5,9,13 @ vel 3; SD: 5,13 ghost @ vel 1; CP: 13 @ vel 3; CH: 3,7,11,15 @ vel 2–3; OH: 11 @ vel 2; LT/MT/HT sparse fills @ 15/16 ghosts; RS: off; CB: 9 ghost. Swing 12%.
Techno 128 (driving hats):
BD: 1,5,9,13 (vary vel 2–3); SD: 13 @ 3; CP: off; CH: every 2 steps with subtle humanize; OH: 7,15 @ 2; Toms occasional 16th rolls on 15–16; CB at 4 or 12 ghost. Swing 6%.
Boom Bap 90 (laid-back):
BD: 1,11 (ghosts on 3/8); SD: 5,13 strong; CP layered with SD on 13; CH: 3,7,11,15 with velocity dips; OH sparse 11; RS occasional 16; CB off; Swing 18–22%.
Trap 140 (stutter hats, 808 subs):
BD: 1,9 with fills 12–16; SD: 5,13 rim or clap; CP: layer on 13; CH: dense 1/16 with rolls on 11–14 using per-track length tricks; OH: 9; Toms off; RS: off; CB off; Swing 10%.
Reggaeton 96 (dembow):
BD: 1,11; SD/CP: 7,15; CH: 4,8,12,16; OH: 10; RS occasional 3; Swing 14%.
Afrobeat 110 (syncopation):
BD: 1,8,11,16; SD: 5,13 ghosts on 9; CH offbeat focus 3,7,11,15; OH: 12; Toms conversational 6/14; CB 16 ghost. Swing 16%.
Electro 125 (syncopated claps):
BD: 1,9 + ghost 12; SD: 5,13; CP: 13 strong; CH steady 8ths; OH: 15; RS occasional 4; CB 8 ghost. Swing 8%.
Implement these as preset objects; user can Load (replace) or Append (merge non-destructively).
6) Data I/O
Save named patterns to localStorage with timestamp.
Export JSON (download) and Import JSON (paste or file). Validate shape; show friendly errors.
Share Box: live JSON of current pattern in a textarea.
7) Quality Bar / Acceptance Tests (bake into code via console asserts)
Start playback at 120 BPM, toggle steps while playing → audible immediately and playhead highlight updates.
Change swing from 0%→20% while playing → timing shifts without drift.
Select Trap 140 template → hats roll and per-track length produces polymeter feel.
Mute/Solo works; per-track length shorter than 16 loops cleanly.
Save to localStorage, reload page, Load works.
Export JSON → re-Import → identical pattern.
CPU stable at 60 FPS UI on common laptops.
8) Implementation Notes
One HTML file; inline <style> and <script>; no external libs.
Use requestAnimationFrame for UI playhead; keep render loop light.
WebAudio: create a shared AudioContext, masterGain, per-voice nodes built on demand; schedule with currentTime offsets.
Guard AudioContext resume on first user gesture (button).
Keep sound code compact; prioritize punch and timing over perfect emulation.
9) Nice-to-Have (include if small)
Humanize toggles (±3–6 ms jitter, mild velocity variance).
Pattern length per track visual indicator (dim steps beyond length).
Undo/Redo (stack of last 50 edits).
Help overlay listing shortcuts.
DELIVERABLE: Output a single file with working UI and audio. Start by printing: “TR-808 Artifact ready.” Then render the app. Include comments to show where to tweak voices and templates.
Run now inside an Artifact.
────────────────────
“Build an HTML5 app that uses the camera to track my hand for drawing.
Implement hand detection, track the index finger, draw on a canvas, add gesture controls for tools, include color/brush options, and keep the UI minimal.”
Notes
• “HTML5 app” is fine; “web app” is more common.
• “Tracks hand movements via camera” → “uses the camera to track your hand.”
• “Design minimal intuitive interface” → “keep the UI minimal and intuitive.”
• Bullet list items should start with verbs (implement/track/create/add/build/design).
Prompt: Create a single-page app in a single HTML file with the following requirements:
- Name: Typing Speed Race
- Goal: Test WPM and accuracy in a timed typing challenge.
- Features: Random paragraph generator, error highlighting, live WPM display, countdown animation, history chart.
- The UI should be clean, with high-contrast text and a large typing area.
Prompt: Create a single-page app in a single HTML file with the following requirements:
- Name: Jumping Ball Runner
- Goal: Jump over obstacles to survive as long as possible.
- Features: Increasing speed, high score tracking, retry button, and funny sounds for actions and events.
- The UI should be colorful, with parallax scrolling backgrounds.
- The characters should look cartoonish and be fun to watch.
- The game should be enjoyable for everyone.
Prompt: Create a single-page app, in a single HTML file, that provides a retro pixel painting experience.
- Canvas: fixed pixel grid with zoom; tools for pencil, eraser, fill, line, rectangle, circle; grid toggle.
- Palette: 16-color swatches with two custom slots; eyedropper; foreground/background swap.
- Editing: undo/redo, copy/paste selection, flip/rotate selection, clear canvas; status bar with cursor coords.
- UI shell: faux OS window (’90s style) with draggable title bar, toolbar icons, tooltip hints.
- Import/Export: import PNG (quantize to palette) and export PNG/SpriteSheet + JSON; save/load from localStorage.
- Shortcuts: number keys for tools, +/- for zoom; accessible labels and focus order.
- Responsive layout; no uploads to servers.
Prompt: Create a single-page app, in a single HTML file, that provides a retro pixel painting experience.
- Canvas: fixed pixel grid with zoom; tools for pencil, eraser, fill, line, rectangle, circle; grid toggle.
- Palette: 16-color swatches with two custom slots; eyedropper; foreground/background swap.
- Editing: undo/redo, copy/paste selection, flip/rotate selection, clear canvas; status bar with cursor coords.
- UI shell: faux OS window (’90s style) with draggable title bar, toolbar icons, tooltip hints.
- Import/Export: import PNG (quantize to palette) and export PNG/SpriteSheet + JSON; save/load from localStorage.
- Shortcuts: number keys for tools, +/- for zoom; accessible labels and focus order.
- Responsive layout; no uploads to servers.
Prompt: Create a single-page app in a single HTML file with the following requirements:
- Name: Virtual Drum Kit
- Goal: Play a drum kit using keyboard or clicks.
- Features: Multiple drum sounds, record and playback mode.
- The UI should be music-studio themed, polished, modern. Make it as beautiful as possible.
Prompt: Generate a React + Canvas “Lo-Fi Visualiser” that animates bars and waves to a vaporwave track (no file uploads, use a bundled tone); provide 3 visual styles (bars, dots, grid) and sliders for speed, density, and glow; surround with a Windows-’96 chrome (reminiscent of the file explorer interface), pixel buttons, and a hue wheel to recolour the scene.
808
Problem Solver
"I’m having a persistent problem with [x] despite having taken all the necessary countermeasures I could think of. Ask me enough questions about the problem to find a new approach. Ask me for all the context you need to work through this one question at a time, allowing me to respond."