mirror of
https://github.com/Ryder-Sun/Meldwork.git
synced 2026-11-07 06:56:03 -10:00
Ryder Sun
a97fd91975
- Replace three-step work preference dials with 0-100 score scale (desktop schema, prompts, frontend form, presets, styles, locales) - Restructure general settings panel layout with WorkPreferences section - Update landing page copy and README download details - Update related frontend and desktop tests Checks: npm --prefix frontend test (369 passed), node --test desktop/test/workspace/work-preferences.test.cjs (3 passed)
Meldwork Landing
单屏全屏背景 Landing Page，静态 HTML + CSS + 原生 JS，无构建步骤。风格参照「视频背景 + 点阵显示字体 + 白色 pill 导航」的参考 prompt，视觉系统完全适配 Meldwork 品牌。
产品文案定位
核心表达：提出目标，让 Agent 们协作完成。 Meldwork 是本地优先的多 Agent 协作工作空间，让选定的 Agent 共享上下文、讨论方案、在授权范围内执行并相互检查，减少用户转述和协调下一步的工作。用户设定目标和权限，在需要补充信息、授权或关键决策时介入。
过程记录用于回看进度与产物，不宣传为完整的事实核验或证据溯源能力，也不承诺所有任务都能无人干预完成。首页正文、搜索摘要、社交分享摘要和 JSON-LD 使用同一定位。
打开方式
直接双击 index.html，或本地起服务：
npx serve . # 或 python3 -m http.server
品牌物料复用（assets/）
| 物料 | 来源 | 用途 |
|---|---|---|
meldwork-mark-v3.svg |
frontend/public/logos | 头部圆形 logo 徽章 |
meldwork-wordmark-v3-dark.svg |
frontend/public/logos | 产品弹窗品牌字标 |
meldwork-favicon*.png |
frontend/public/logos | 站点图标 |
screenshots/meldwork-group-collaboration.png |
assets/ | Open Graph 分享图及协作画廊 |
agents/* (12 个 CLI logo) |
frontend/public/agent-logos | 信任条头像环（取 Codex / Claude / Gemini / Qwen / Kimi 5 枚） |
screenshots/* (4 张) |
assets/ | Product 弹窗实拍画廊 |
bg-keyframe.png |
AI 生成（Trace mark 视觉语言：珊瑚色工作线 + 点阵节点） | 背景层 + video poster |
设计决策
- 配色取自产品暗色主题 token（
#121516底、#93a0a5弱化文字）与 logo 珊瑚色#EF5A45；导航激活的三点指示器刻意使用珊瑚色，呼应 Trace mark 的「人类采用点」。 - 显示字体 BubbledotICG-FinePos（点阵复古风，OnlineWebFonts CDN）仅覆盖拉丁字形；中文标题自动降级为思源黑体 900，字距单独调整。
- 统计条展示：12 个已支持 CLI、3 种协作模式、本地优先工作空间、1 个共享任务；Agent 模型调用仍可能访问各自配置的服务商。
- 动效遵循
prefers-reduced-motion降级；弹窗/移动菜单支持 Escape 与遮罩关闭并锁定背景滚动。
语言
当前官网正文为英文。仓库 README 与桌面产品宣传文案同时维护中英文；桌面端沿用现有 i18n。
升级为视频背景（可选）
当前背景为关键帧 + Ken Burns 缓慢推拉动画（styles.css 的 .bg-still）。生成一段与 bg-keyframe.png 同构的 10s 循环视频（Seedance image_to_video，提示词：coral trace line gently drawing forward, particles drifting, slow push-in, no text），保存为：
assets/meldwork-bg.mp4
<video> 层会自动覆盖静态层，无需改代码；视频加载失败时仍回退到静态关键帧。