Optimizing the structure of prompt words can significantly improve the output quality of UIGEN-T1, and the following format templates are recommended:
standard construction
<|im_start|>user [具体需求描述]<|im_end|> <|im_start|>assistant <|im_start|>think
design element
- semantic claritye.g. "dark-themed dashboard for an oil rig".
- Functional Description: core functional modules (charts/buttons etc.) need to be included
- Style Requirements: Specify color scheme/layout preferences
Practical Tips:
1. Add the trigger word "answer" at the end to guide the full output
2. Limited field keywords (e.g. "Bootstrap style")
3. For complex requirements, it is recommended that they be broken down into multiple generation steps.
Example:
"Design blue tech-inspired data analytics dashboard with 3 stats cards and 1 line chart, use Flexbox layout and add ANSWER at the end"
This answer comes from the articleUIGEN-T1-Qwen-7b: Specialized Model for Generating HTML and CSS UI ComponentsThe
May not be reproduced without permission:AI productivity tools " How to write effective prompts (prompters) to generate UI code?
