Interactive creative coding, motion, variation, feedback, state counting, reset behavior, and visual polish in one offline artifact.
Prism Garden
Interactive creative coding, motion, variation, feedback, state counting, reset behavior, and visual polish in one offline artifact.
A visually compelling garden is not evidence of broad frontend ability, accessibility coverage, or reliable performance at scale.
The latest published prompt.
Build a one-screen interactive web experience called PRISM GARDEN. Use a dark near-black background. Users click or drag to plant luminous geometric flowers; each flower should bloom with motion and slight variation. Include a small visible bloom counter and a Reset control. Make it polished, responsive, and immediately understandable. Use only HTML, CSS, and vanilla JavaScript in a single file. No external assets, fonts, or libraries. It must work offline. Spend time on the experience, not explanations.
6 checks, decided by a human.
- 01Clicking plants a luminous geometric flower.
- 02Dragging plants multiple blooms without runaway creation.
- 03Blooms animate and show meaningful visual variation.
- 04The visible bloom counter remains accurate.
- 05Reset returns the experience to a clean initial state.
- 06The single-file experience remains responsive and works offline.
Published scorecards also apply 5 weighted craft dimensions. Their exact scores and rationale remain attached to each report.