Debate Trees Website

I made this Debate Tree website today with Claude https://debate.curi.us

Try it. You can make solo trees. You can debate yourself by loading it in two different browsers (you have to refresh the second browser to see changes right now, which is fixable if anyone actually uses this and cares). Or debate each other. Or someone debate me!

Nice! I created a test tree with some UX notes for testing.

1 Like

i told claude to fix some. it committed and deployed the dark mode change by itself. i was kinda surprised to see it on the live site. didn’t know it’d deploy without being told to.

added some more features. not sure how to make it work well on small screens

  • the blue “more” text looks like a link but isn’t clickable. <text x="10" y="108" font-size="12px" font-weight="700" fill="#60a5fa">… more</text>
  • when selecting a node, maybe the graph viewport could center on it, would make what’s happening more obvious.
  • Are the borders of nodes different sizes to attract attention to ones that are unaddressed / worth attention? Or maybe thicker for decisive? (Okay seems like latter after some testing)
  • can’t undo a resolution
  • the auto updates work (cool) but it resets the view for other ppl looking at the tree at the time.
  • also I see ctrl+enter was added

For small screens, if you really wanted to make it work (I don’t think it matters at this stage), I’d go with an initial design like a stacked layout with the tree on the top and form on the bottom (which can appear as needed). The main thing to watch for is keyboards popping up so the form would need to be sticky or something. You could try form on top too but I think that might work worse for actual navigation/usability.

deployed some changes including making mobile better: on phone it now only shows tree or sidebar, one at a time, not both at once.