From defd90a0acffffab7fb9e9a235726eb89828942e Mon Sep 17 00:00:00 2001 From: Developers Digest <124798203+developersdigest@users.noreply.github.com> Date: Tue, 2 Sep 2025 20:44:03 -0400 Subject: [PATCH] instruct towards against creating bespoke svgs --- app/api/generate-ai-code-stream/route.ts | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/app/api/generate-ai-code-stream/route.ts b/app/api/generate-ai-code-stream/route.ts index 9a7fa4a..8d9e597 100644 --- a/app/api/generate-ai-code-stream/route.ts +++ b/app/api/generate-ai-code-stream/route.ts @@ -572,6 +572,11 @@ ${conversationContext} - Simple style/text change = 1 file ONLY - New component = 2 files MAX (component + parent) - If >3 files, YOU'RE DOING TOO MUCH +6. **DO NOT CREATE SVGs FROM SCRATCH**: + - NEVER generate custom SVG code unless explicitly asked + - Use existing icon libraries (lucide-react, heroicons, etc.) + - Or use placeholder elements/text if icons are not critical + - Only create custom SVGs when user specifically requests "create an SVG" or "draw an SVG" COMPONENT RELATIONSHIPS (CHECK THESE FIRST): - Navigation usually lives INSIDE Header.jsx, not separate Nav.jsx