zhoujie/xhs_factory
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
xhs_factory/openspec/changes/archive/2026-02-26-improve-ui-layout/tasks.md
zhoujie b5deafa2cc ✨ feat(config): 更新模型配置与LLM提示词指南 
- 将默认LLM模型从gemini-2.0-flash升级为gemini-3-flash-preview
- 将博主人设从"性感福利主播"更改为"二次元coser"
- 优化LLM生成SD提示词的指南，新增中国审美人物描述规则
- 为各SD模型添加颜值核心词、示范prompt和禁止使用的关键词
- 新增三维人物描述法（眼睛/肤色/气质）和专属光线词指导

📦 build(openspec): 归档旧规范并创建新规范

- 将improve-maintainability规范归档至2026-02-25目录
- 新增2026-02-26-improve-ui-layout规范，包含UI布局优化设计
- 新增2026-02-26-optimize-image-generation规范，包含图片生成优化设计
- 在根目录openspec/specs下新增图片质量、后处理、中国审美和LLM提示词规范

♻️ refactor(sd_service): 优化SD模型配置和图片后处理

- 为各SD模型添加中国审美特征词和欧美面孔排除词
- 新增高画质预设档，SDXL模型启用Hires Fix参数
- 将后处理拆分为beauty_enhance和anti_detect_postprocess两个独立函数
- 新增美化增强功能，支持通过enhance_level参数控制强度

♻️ refactor(services): 更新内容生成服务以支持美化增强

- 在generate_images函数中新增enhance_level参数
- 将美化强度参数传递至SDService.txt2img调用

♻️ refactor(ui): 优化UI布局和添加美化强度控件

- 注入自定义CSS主题层，优化字体、按钮和卡片样式
- 将全局设置迁移至独立的"⚙️ 配置"Tab，优化Tab顺序
- 在内容创作Tab的高级设置中添加美化强度滑块控件
- 优化自动运营Tab布局，改为2列卡片网格展示
2026-02-26 22:58:05 +08:00

3.7 KiB
Raw Blame History

1. CSS 主题层注入

  • 1.1 在 ui/app.py 顶部定义 _GRADIO_CSS 字符串常量，内容包含：正文字体栈（Inter/system-ui）、按钮圆角（border-radius 6px）、gr.Group 轻阴影（box-shadow）
  • 1.2 将 gr.Blocks(title=...) 改为 gr.Blocks(title=..., css=_GRADIO_CSS) 以注入自定义样式
  • 1.3 验证应用启动后样式生效，按钮无变形，内部组件（textarea/input）样式不被破坏

2. 全局设置迁移至「⚙️ 配置」Tab

  • 2.1 删除 ui/app.py 中顶部的 with gr.Accordion("⚙️ 全局设置 (自动保存)", open=False): 折叠块（约第 79-186 行）
  • 2.2 将所有全局组件声明（llm_provider、llm_model、btn_connect_llm、sd_url、sd_model、mcp_url、persona、face_image_input、face_image_preview、face_swap_toggle、status_bar 等）整体移入新「⚙️ 配置」Tab 内
  • 2.3 在 gr.Tabs() 末尾新增 with gr.Tab("⚙️ 配置"): 并将步骤 2.2 的组件放入，保留所有变量名和事件绑定不变
  • 2.4 验证「⚙️ 配置」Tab 内所有组件正常显示，LLM 连接、SD 连接、换脸头像上传功能正常
  • 2.5 验证「内容创作」等其他 Tab 中使用 llm_model、sd_model、persona、status_bar 的事件绑定仍正常工作

3. Tab 顺序重排

  • 3.1 调整 ui/app.py 中 gr.Tabs() 内各 Tab 的声明顺序为：⚙️ 配置（首位，selected=1 默认激活内容创作） ✍️ 内容创作 📅 内容排期 🔥 热点探测 💬 评论管家 📊 数据看板 🧠 智能学习 🤖 自动运营 🔐 账号登录
  • 3.2 验证应用启动默认激活 Tab 为「✍️ 内容创作」（通过 selected=1 实现）

4. 内容创作 Tab 三栏布局调整

  • 4.1 在 ui/tab_create.py 中，将三个 gr.Column 的比例改为 scale=3（左栏）、scale=4（中栏）、scale=3（右栏）
  • 4.2 左栏（scale=3）包含参数配置：人设、话题、风格、生成按钮等
  • 4.3 中栏（scale=4）包含文案输出：标题、正文、标签、提示词 Textbox
  • 4.4 右栏（scale=3）包含图片预览及图片操作按钮
  • 4.5 验证 1280px 宽度下三栏同时可见，无需垂直滚动

5. 自动运营 Tab 调度卡片网格重构

  • 5.1 在「🤖 自动运营」Tab 右栏（定时自动化）中，将垂直堆叠的 5 个 gr.Group 改为 3 行 2 列网格（3 个 gr.Row()，每行两个 gr.Column(scale=1) 包裹卡片）；右栏 scale 扩大至 2
  • 5.2 每个调度卡片的 gr.Group 内增加 gr.Markdown("##### 任务名") 小标题，卡片视觉更清晰
  • 5.3 验证 5 个定时调度卡片的开关、间隔设置、启动/停止按钮功能正常

6. 按钮 variant 分级统一

  • 6.1 检查 ui/app.py 和 ui/tab_create.py 中所有 gr.Button：主操作使用 variant="primary"（连接/生成/启动），删除/停止/危险操作使用 variant="stop"（btn_del_provider、btn_logout、btn_queue_stop、btn_queue_delete、btn_clear_log、btn_learn_stop、btn_stop_sched、btn_queue_reject），次要操作不设 variant 或使用默认
  • 6.2 确认「⚙️ 配置」Tab 内的「🗑️ 删除当前提供商」按钮使用 variant="stop"

7. 回归验证

  • 7.1 启动应用，确认首屏直接显示「✍️ 内容创作」Tab，无顶部折叠块
  • 7.2 完整走通「文案生成 图片生成 发布」流程，验证所有功能正常
  • 7.3 切换到「⚙️ 配置」Tab，连接 LLM 和 SD，确认 status_bar 正常更新
  • 7.4 切换到「🤖 自动运营」Tab，检查调度卡片网格布局正常，执行一次单次任务