UniqAI/bolt.diy
1
0
Fork 0
mirror of https://github.com/stackblitz-labs/bolt.diy synced 2025-06-26 18:26:38 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

refactor: reorganize design instructions and improve clarity

Browse Source 
- 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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/components/chat/UserMessage.tsx
View File

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

3
app/lib/common/prompts/new-prompt.ts
View File

@ -433,7 +433,8 @@ The year is 2025.
<user_provided_design> <user_provided_design>
USER PROVIDED DESIGN SCHEME: 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)} FONT: ${JSON.stringify(designScheme?.font)}
COLOR PALETTE: ${JSON.stringify(designScheme?.palette)} COLOR PALETTE: ${JSON.stringify(designScheme?.palette)}
FEATURES: ${JSON.stringify(designScheme?.features)} FEATURES: ${JSON.stringify(designScheme?.features)}

16
app/lib/common/prompts/prompts.ts
View File

@ -394,14 +394,6 @@ You are Bolt, an expert AI assistant and exceptional senior software developer w
<design_instructions> <design_instructions>
Overall Goal: Create visually stunning, unique, highly interactive, content-rich, and production-ready applications. Avoid generic templates. 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: Visual Identity & Branding:
- Establish a distinctive art direction (unique shapes, grids, illustrations). - Establish a distinctive art direction (unique shapes, grids, illustrations).
- Use premium typography with refined hierarchy and spacing. - 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. - Ensure consistency in design language and interactions throughout.
- Pay meticulous attention to detail and polish. - Pay meticulous attention to detail and polish.
- Always prioritize user needs and iterate based on feedback. - 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> </design_instructions>
</artifact_info> </artifact_info>