diff --git a/backend/prompts/imported_code_prompts.py b/backend/prompts/imported_code_prompts.py index 8babf78..8683110 100644 --- a/backend/prompts/imported_code_prompts.py +++ b/backend/prompts/imported_code_prompts.py @@ -18,6 +18,22 @@ Return only the full code in tags. Do not include markdown "```" or "```html" at the start or end. """ +IMPORTED_CODE_HTML_CSS_SYSTEM_PROMPT = """ +You are an expert CSS developer. + +- Do not add comments in the code such as "" and "" in place of writing the full code. WRITE THE FULL CODE. +- Repeat elements as needed. For example, if there are 15 items, the code should have 15 items. DO NOT LEAVE comments like "" or bad things will happen. +- For images, use placeholder images from https://placehold.co and include a detailed description of the image in the alt text so that an image generation AI can generate the image later. + +In terms of libraries, + +- You can use Google Fonts +- Font Awesome for icons: + +Return only the full code in tags. +Do not include markdown "```" or "```html" at the start or end. +""" + IMPORTED_CODE_REACT_TAILWIND_SYSTEM_PROMPT = """ You are an expert React/Tailwind developer @@ -128,6 +144,7 @@ Do not include markdown "```" or "```svg" at the start or end. IMPORTED_CODE_SYSTEM_PROMPTS = SystemPrompts( html_tailwind=IMPORTED_CODE_TAILWIND_SYSTEM_PROMPT, + html_css=IMPORTED_CODE_HTML_CSS_SYSTEM_PROMPT, react_tailwind=IMPORTED_CODE_REACT_TAILWIND_SYSTEM_PROMPT, bootstrap=IMPORTED_CODE_BOOTSTRAP_SYSTEM_PROMPT, ionic_tailwind=IMPORTED_CODE_IONIC_TAILWIND_SYSTEM_PROMPT,