diff --git a/ui-restructure/assets/banner.svg b/ui-restructure/assets/banner.svg new file mode 100644 index 0000000..771ba69 --- /dev/null +++ b/ui-restructure/assets/banner.svg @@ -0,0 +1,110 @@ + + + + + + + + + + + + + + + + + + + + + component.tsx — BEFORE + + + {"
"flex gap-4 p-6 max-w-7xl + mx-auto bg-gray-50 + rounded-lg shadow-md" + {">"} + {"{items.map(item => ("} + {" "p-4 rounded-xl + shadow-md border" + {"/>"} + {"))"} + + + ⚠ UI locked in + + + + + + + + + + /ui-restructure + + + + + + + + + + + + + component.tsx — AFTER + + + {"
"} + {"{items.map(item => ("} + {""} + {"

{item.name}

"} + {"

{item.desc}

"} + {""} + {""} + {"))}"} + {"
"} + + ✓ Logic preserved · UI rebuilt fresh + + + ui-restructure + Redesign your UI from scratch. Keep every line of logic. + + + + + Claude Code + + + + Cursor + + + + Windsurf + + + + Cline + + + + GitHub Copilot + + + + + + + + + +