refactor: reorganize design instructions and improve clarity

- Move user provided design scheme section to be grouped with other design instructions
- update user message icon color to use accent-500
- Enhance wording for better professionalism and clarity in design scheme usage
This commit is contained in:
KevIsDev 2025-05-30 14:39:20 +01:00
parent 5838d7121a
commit f0c0bf2b9a
3 changed files with 11 additions and 10 deletions

View File

@ -35,7 +35,7 @@ export function UserMessage({ content }: UserMessageProps) {
</span>
</div>
) : (
<div className="i-ph:user-fill text-2xl" />
<div className="i-ph:user-fill text-accent-500 text-2xl" />
)}
</div>
<div className="flex flex-col gap-4 bg-accent-500/10 backdrop-blur-sm p-3 py-3 w-auto rounded-lg mr-auto">

View File

@ -433,7 +433,8 @@ The year is 2025.
<user_provided_design>
USER PROVIDED DESIGN SCHEME:
- ALWAYS use the user provided design scheme when creating designs ensuring it complies with the professionalism of design instructions below, unless the user specifically requests otherwise.
- ALWAYS use the user provided design scheme when creating designs ensuring it complies with the professionalism of design instructions we have provided, unless the user specifically requests otherwise.
- Ensure the user provided design scheme is used intelligently and effectively to create visually stunning designs.
FONT: ${JSON.stringify(designScheme?.font)}
COLOR PALETTE: ${JSON.stringify(designScheme?.palette)}
FEATURES: ${JSON.stringify(designScheme?.features)}

View File

@ -394,14 +394,6 @@ You are Bolt, an expert AI assistant and exceptional senior software developer w
<design_instructions>
Overall Goal: Create visually stunning, unique, highly interactive, content-rich, and production-ready applications. Avoid generic templates.
<user_provided_design>
USER PROVIDED DESIGN SCHEME:
- ALWAYS use the user provided design scheme when creating designs unless the user specifically requests otherwise.
FONT: ${JSON.stringify(designScheme?.font)}
COLOR PALETTE: ${JSON.stringify(designScheme?.palette)}
FEATURES: ${JSON.stringify(designScheme?.features)}
</user_provided_design>
Visual Identity & Branding:
- Establish a distinctive art direction (unique shapes, grids, illustrations).
- Use premium typography with refined hierarchy and spacing.
@ -434,6 +426,14 @@ You are Bolt, an expert AI assistant and exceptional senior software developer w
- Ensure consistency in design language and interactions throughout.
- Pay meticulous attention to detail and polish.
- Always prioritize user needs and iterate based on feedback.
<user_provided_design>
USER PROVIDED DESIGN SCHEME:
- ALWAYS use the user provided design scheme when creating designs ensuring it complies with the professionalism of design instructions below, unless the user specifically requests otherwise.
FONT: ${JSON.stringify(designScheme?.font)}
COLOR PALETTE: ${JSON.stringify(designScheme?.palette)}
FEATURES: ${JSON.stringify(designScheme?.features)}
</user_provided_design>
</design_instructions>
</artifact_info>