严谨克制的 ASCII 与终端字符布局
页面中的 Agent 时间线 ASCII 框图和项目状态进度条纯用字符构建，精准传达了极客工具的原生质感，免去了冗余的营销插图。
页面构成与技术指标
正文
1080
操作候选
19
图片
6
HTML
125 KB
文案
标题字数
41
摘要字数
110
H1
1
H2
10
动作
主要入口
立即部署
表单
0/ 2 输入
站内链接
10
站外链接
7
安全与页面元信息
HTTPS
有
HSTS
有
CSP
无
nosniff
无
viewport
有
图标
有
JSON-LD
有
统计
无
构成
Tailwind
脚本
1 ext / 3 inline
语言
zh-CN
第三方域
1
Lighthouse
移动端模拟 · 性能评分
—
暂无可用实测数据
查看详情
暂无可用的 Lighthouse 实测结果，不计入分数。
01 / 值得借鉴
好设计，具体好在哪
清晰易懂的三步引导流程
以“安装 CLI、启动桥接、手机扫码”三步配合真实终端输出片段，大幅降低了开发者初次尝试的心智门槛。
02 / 下一步
值得继续打磨的地方
- 01
填充首屏右侧空白设备线框
首屏主标题右侧的两个手机边框目前完全空白，看起来像是加载失败的缺陷。必须填入真实的 Claude Code 权限审批界面与手机 PTY 会话截图。
- 02
精简收敛首屏的 5 个平铺按钮
立即部署、查看仓库、Product Hunt、安卓与苹果下载混在一个按钮阵列中，分不清第一步该做什么。应收敛为单个一键复制安装命令，辅以紧凑的应用商店徽章。
- 03
隐藏原始后端网关长链接
在首屏公告直接暴露 wss://zkiwacrrxzaj.sealosbja.site/ws 长链接，显得像临时测试环境而非成熟产品，应封装为一键复制命令或短参数。
03 / 设计语言
把气质拆成可复用的参数
色彩
背景
#1a1a1e文字
#fdfcfc背景
#2a2a30文字
#9a9898辅助
#6e6e73强调
#007aff字体与尺度
- 标题字体
- monospace
- 正文字体
- Berkeley Mono
- 标题 / 正文
- 28px / 16px
间距与形状
- 区块间距
- 120px
- 组件内距
- 120px 0px 48px
- 卡片圆角
- 0px
- 按钮圆角
- 4px
表达也可以更准确
文案润色对照
现在
限时免费网关开放中：linkshell start --gateway wss://zkiwacrrxzaj.sealosbja.site/ws
建议表达
现在
放弃冗长的云端迁移。仅需几十秒进行网关转接，把完整的本地开发环境装进口袋。
建议表达
04 / 检查依据
观察与实测依据
逐项查看观察、建议与采集记录。
品味1 项观察
空线框破坏首屏视觉平衡
中优先级转化5 项观察
页面上没有人或证明
中优先级陌生人落到一个看起来像 AI、没有作者、没有客户、没有联系方式的站点上，不会把邮箱给你。
加上真名、真脸、真实联系方式，或一句真实客户的话。
no about, no first-person, no quote
线上页没有统计
中优先级看不到谁跳出，就不知道下一次修改有没有用。没有计数就等于盲飞。
在公开页放上 Plausible、PostHog 或 GA4。一段脚本就够。
no gtag / plausible / posthog / umami
分享图用了网站图标
中优先级聊天软件会在空白卡片上放一个小图标。那不是分享预览。
用 1200×630 的产品图或主张图，不要用 favicon。
https://liutianjie.github.io/LinkShell/assets/adaptive-icon.png
标签标题和 H1 对不上
标签、分享卡、首屏各说各的，访客就记不住这是同一个产品。
让 title、og:title 和 H1 共用同一个名词。
title="LinkShell | 手机远程接管 AI 终端与 Agent Workspace" h1="终端漫游，随时随地，自由接管"
缺少实时延迟与屏幕投射效果演示
中优先级上线3 项观察
没有 Content-Security-Policy
CSP 是限制脚本源的标准做法。vibe 页面常常什么都加载，包括被注入的脚本。
先开 report-only CSP，再收成 default-src 'self' 和明确的 script-src。
content-security-policy missing
没有 X-Content-Type-Options
没有 nosniff，浏览器可能按错误类型解释文件。这是一行响应头。
设置 X-Content-Type-Options: nosniff。
x-content-type-options missing
没有 Referrer-Policy
默认 referrer 可能把站内路径和查询串漏给第三方。
设置 Referrer-Policy: strict-origin-when-cross-origin。
referrer-policy missing
链接分享预览
LinkShell | 手机远程接管 AI 终端与 Agent Workspace
用手机远程接管本地 Claude Code、OpenAI Codex、Gemini、Copilot、Agent Workspace 和 Shell 终端会话，支持 CLI Gateway、二维码配对、远程桌面和端口转发。
05 / 开始动手
把下一步，交给你的 AI
优化指令用于调整这个页面；设计指令用于借鉴它的视觉语言。「做同款」会附带截图与实施步骤。复制后粘贴到你的代码助手中。
查看完整指令
修改 index.html 中的首屏 hero 区域。将右侧两个空白手机边框填入真实界面模拟：左侧手机展示 Agent Workspace，带有 Claude Code Sonnet 的权限审批浮层（包含 Approve/Deny 按钮和语法高亮变更）；右侧手机展示 xterm PTY 终端运行 cargo 或 npm test 的真实彩色输出。重构首屏 CTA 按钮组：将可一键复制的 'npm i -g linkshell-cli && linkshell start' 终端框作为首要操作，旁边保留 '查看 GitHub' 次要按钮，将 iOS 和 Android 下载收拢为下方一行对齐的紧凑徽章。顶部横幅中的原始 websocket 链接精简为统一参数。严格保持 #1a1a1e 背景色、#2a2a30 卡片色、#5a5a64 边框色、#fdfcfc 主文字色以及 Berkeley Mono 等宽字体。