pricingSections
Knapsack-solving add-on picker
Ten add-ons with a cost and a declared utility over which the component solves a knapsack problem with dynamic programming and proposes the highest-value combination that fits under the cap. Moving the cap genuinely changes the answer and cards travel between the proposed and discarded columns with shared-layout animation, honouring add-ons pinned as mandatory and those vetoed.
See it live and copy its promptWhat you can adjust
- Initial budget cap
- Accent color
- Discarded item color
- Card radius
- Animation speed
- Value figures
- List height
How this catalog works
Every component ships with its reproduction prompt: the text you paste into an AI builder to get exactly this piece. The values above are editable, and the prompt you copy carries the ones you chose, so what gets generated is what you were looking at.
