Crisp ASCII and terminal code layouts
The ASCII agent timeline box and project status bars communicate terminal-native tooling without needing heavy marketing graphics.
Page structure & technical metrics
Words
1080
Action candidates
19
Images
6
HTML
125 KB
Copy
Title chars
41
Meta chars
110
H1
1
H2
10
Action
Primary
立即部署
Forms
0/ 2 fields
On-site links
10
Off-site links
7
Security & metadata
HTTPS
yes
HSTS
yes
CSP
no
nosniff
no
viewport
yes
Icon
yes
JSON-LD
yes
Analytics
no
Page
Tailwind
Scripts
1 ext / 3 inline
Lang
zh-CN
Third-party hosts
1
Lighthouse
Simulated mobile · Performance
—
No measurement available
View details
No Lighthouse measurement available; no scores assigned.
01 / WHAT WORKS
What makes it work
Three-step onboarding clarity
The 1-2-3 sequence (Install CLI, Start Bridge, Scan QR) with actual terminal output snippets reduces cognitive load for developers trying it for the first time.
02 / NEXT STEPS
Where to go next
- 01
Fill the blank hero device wireframes
The two empty phone outlines right beside the H1 look broken on load. They must display the actual Claude Code approval UI and mobile terminal session.
- 02
Streamline the 5-button CTA cluster
Deploy, Repo, Product Hunt, Android, and App Store all compete for the first click. Group them into one primary copy-paste install block plus mobile app store badges.
- 03
Hide raw backend gateway URLs
Displaying wss://zkiwacrrxzaj.sealosbja.site/ws directly in the top banner looks like raw dev debug output rather than a polished production tool.
03 / DESIGN LANGUAGE
A design system you can reuse
Colors
Background
#1a1a1eText
#fdfcfcBackground
#2a2a30Text
#9a9898Muted
#6e6e73Accent
#007affTypography
- Display font
- monospace
- Body font
- Berkeley Mono
- Heading / body
- 28px / 16px
Spacing & shape
- Section gap
- 120px
- Component inset
- 120px 0px 48px
- Card radius
- 0px
- Button radius
- 4px
CLEARER WORDS
Copy Revision Diff
Now
限时免费网关开放中：linkshell start --gateway wss://zkiwacrrxzaj.sealosbja.site/ws
SUGGESTED COPY
Now
放弃冗长的云端迁移。仅需几十秒进行网关转接，把完整的本地开发环境装进口袋。
SUGGESTED COPY
04 / EVIDENCE
The detail behind the report
Explore each observation, recommendation and captured record.
Taste1 observations
Broken visual weight in empty phone shells
MediumConversion5 observations
No human or proof on the page
MediumA stranger landing on an AI-looking site with no maker, no customer, and no contact will not give you an email.
Add a real name, a real face, a real contact method, or one real customer line.
no about, no first-person, no quote
No analytics on the live page
MediumIf you cannot see who bounced, you cannot tell if the next fix worked. Shipping without a counter is flying blind.
Put Plausible, PostHog, or GA4 on the public pages. One snippet is enough.
no gtag / plausible / posthog / umami
Share image is a favicon
MediumChat apps will show a tiny icon on a blank card. That is not a share preview.
Use a 1200×630 image of the product or the claim, not the favicon.
https://liutianjie.github.io/LinkShell/assets/adaptive-icon.png
Tab title and H1 disagree
If the tab, the share card, and the hero name different things, the visitor cannot form one memory of the product.
Make title, og:title, and H1 share the same noun.
title="LinkShell | 手机远程接管 AI 终端与 Agent Workspace" h1="终端漫游，随时随地，自由接管"
Missing live latency and screen frame demo
MediumLaunch3 observations
No Content-Security-Policy
A CSP is the standard way to limit script sources. Vibe-coded pages often load anything, including injected scripts.
Start with a report-only CSP, then default-src 'self' and an explicit script-src.
content-security-policy missing
No X-Content-Type-Options
Without nosniff, browsers may interpret a file as a different type than you sent. It is a one-line header.
Set X-Content-Type-Options: nosniff.
x-content-type-options missing
No Referrer-Policy
The default referrer can leak internal paths and query strings to third parties.
Set Referrer-Policy: strict-origin-when-cross-origin.
referrer-policy missing
Link preview
LinkShell | 手机远程接管 AI 终端与 Agent Workspace
用手机远程接管本地 Claude Code、OpenAI Codex、Gemini、Copilot、Agent Workspace 和 Shell 终端会话，支持 CLI Gateway、二维码配对、远程桌面和端口转发。
05 / MAKE IT HAPPEN
Give your AI a clear next step
Use the improvement prompt for this page, or the design prompt to borrow its visual language. “Recreate” includes references and implementation steps. Paste either into your coding assistant.
Preview full instructions
Update the hero section in index.html. In the right-hand hero column where two empty wireframe phone shells currently sit, populate them with actual mobile UI mockups: left phone displays the Agent Workspace with Claude Code Sonnet permission prompt (Approve/Deny buttons, syntax-highlighted git diff), right phone displays the xterm PTY terminal with a running cargo or npm test process. Clean up the hero CTA area: make the copyable install command 'npm i -g linkshell-cli && linkshell start' the hero focal point with a one-click copy button, place '查看 GitHub' as secondary button, and align iOS/Android store buttons into a neat row underneath. Replace the raw websocket URL in the banner with a neat flag reference. Maintain background #1a1a1e, card background #2a2a30, border #5a5a64, text #fdfcfc, and Berkeley Mono font stack.