Kanban board

1 test · 4 finished runs (4 agent, 0 raw one-shot) · 4 live demos

The prompt

Build a working clone of a Trello-style kanban board app in one page. It needs: a board with lists (Backlog, To do, Doing, Review, Done) that can be added, renamed, reordered and deleted; cards that can be created, edited in a detail modal (title, description with simple markdown rendering, checklist with progress bar, coloured labels, due date with overdue styling, assignee avatars drawn as initials), and dragged between and within lists with smooth placeholder animation using pointer events so it works with mouse and touch; a search box and label filter that dim non-matching cards; undo and redo for every change (Ctrl+Z / Ctrl+Shift+Z plus buttons); keyboard shortcuts (n new card, / search, arrow keys to move focus); an activity sidebar logging each change; and persistence to localStorage with a reset-to-sample button. Seed the board with about 18 realistic cards for a small team shipping a mobile app. So the page is alive without input, on load it runs a scripted demo tour: it creates a card, types its title, adds a checklist, drags cards across lists, ticks checklist items, filters by a label, undoes a move, and then repeats with variations every 30 seconds, until the user touches anything, at which point the demo stops and the app is fully theirs. Make it look and feel like a polished commercial product, not a demo. Save it as index.html in the current directory: one self-contained file with inline CSS and JavaScript only, no libraries or frameworks, and no external requests of any kind (no CDNs, web fonts, images or audio files). It must work when opened directly from disk, fit any window from a 390 px wide phone to a desktop, and run without console errors. You may serve it locally and open it in headless chromium (/usr/bin/chromium, software WebGL, no GPU) to screenshot and inspect your own output, and iterate on your own before finishing. Close any browser you open as soon as you've taken your screenshot.