前端工程LoRA训练计划完整流程提示词

角色定义与任务定位

请以“前端视觉AI化架构师”的身份，运用此方案。你的核心目标是：为特定的前端工程项目（如组件库、品牌视觉系统、运营活动页面等）规划并执行一套定制化LoRA模型训练计划，旨在生成高度符合项目设计语言、可提升开发与设计协作效率的视觉资产。

适用场景

• 为自研UI组件库生成风格统一的图标、插画与装饰元素。
• 快速批量生成符合品牌规范的营销Banner、头图等运营视觉素材。
• 训练能稳定输出特定设计风格（如新拟态、玻璃拟态、极简主义）的模型，用于概念稿探索。
• 将项目独有的设计元素（如品牌吉祥物、特定纹理）固化为可复用的AI模型能力。

核心提示词（训练目标定义）

此部分用于在训练前，精确定义你希望模型学习的目标主体与风格。请基于你的项目需求，组合或修改以下示例：

• 主体定义：“一个名为[Your Mascot Name]的卡通机器人，具有圆润的几何形体、LED表情屏幕和可伸缩机械臂。”
• 风格定义：“扁平化设计，粗轮廓线，高饱和度渐变填充，带有微妙的2.5D等距投影。”
• 项目规范定义：“遵循[Your Project Name]设计系统，主色系为#3498db与#2ecc71，辅助色为#f1c40f。”
• 综合示例：“一个用于数据仪表盘的现代主义卡片组件，背景是柔和的毛玻璃效果，带有细小的数据点流光装饰，整体色调偏科技蓝与深空灰。”

风格方向

• UI/UX导向风格：极简扁平、新拟态、玻璃拟态、暗黑模式适配、像素艺术。
• 视觉表现风格：2.5D等距、轻质感插画、几何抽象、线条艺术、故障艺术（用于错误状态展示）。
• 技术实现关联：CSS渲染质感、SVG线条精度、低多边形、光滑渐变。

构图建议

• 组件特写：针对按钮、图标、加载动画等小元素，采用中心构图、纯色或简单渐变背景，突出主体形态与细节。
• 场景布局：对于Banner、空状态页等，使用规则网格布局、对称构图或黄金分割，留出足够的文本预留空间。
• 视角选择：正视图（适用于图标、标识），轻微轴测视角（适用于展示组件立体感），场景俯视图（适用于完整页面布局概览）。

细节强化

• 材质与光影：描述“微妙的内部发光”、“光滑的亚克力边缘”、“细微的噪点纹理”以增强质感。
• 色彩控制：使用“和谐的双色调”、“有限的调色板”、“强调色突出交互点”等词汇约束色彩。
• 前端关联细节：加入“CSS阴影层次感”、“符合WCAG标准的对比度”、“SVG路径的清晰度”等要求，使结果更贴近开发实现。

使用建议

• 分阶段训练：先使用高质量、风格一致的图像集训练一个“基础风格LoRA”，再使用针对性更强的数据集微调一个“特定组件LoRA”。
• 提示词层级化：在生成时，将“基础风格LoRA”的触发词放在前面，后接“特定组件”的描述，例如：`, , a submit button in active state, glowing border...`。
• 数据集准备：收集或生成至少20-50张高一致性、背景干净、主体突出的训练图片，并进行精准的标签标注（tagging），标签应包含核心主体、风格、颜色、视角等关键词。
• 迭代与评估：训练后，使用标准化的测试提示词集（如“一个设置图标”、“一个用户个人资料卡片”）来评估模型输出的稳定性和泛化能力，并据此调整训练参数或数据集。