SmartIslandSmartIslandUI System / Native macOS
SMARTISLAND / INTERFACE SYSTEM / 2026

Built for the edge
of attention.

一套从原生 SwiftUI 产品中整理出的界面系统。所有面板、状态、圆角、颜色、字体与动效参数均对应 SmartIsland 已实现的真实界面。

576Expanded min width
294Current dock width
32Current notch band
28Expanded shell radius
01 / LIVE SPECIMEN

Every real surface,
in one working canvas.

切换产品已经存在的 Surface 与展开状态，观察同一套组件如何在刘海窗口中重组，而不是为展示页重新设计一套界面。所有界面固定使用产品默认的 Stealth 黑色模式。

SURFACE
MORPH
Finder100%15:45
Work Stream
Updated just now
Codex
Done

No active command right now.

Weekly Window34%
6d 11h
Context63%
163.3k / 258.4k
smartislandUpdated just now
Claude Code
Ready

Running in smartisland.

5h Window0%
100% left · 41m
Weekly Window0%
100% left · 1d 7h
Context67%
670.6k / 1.0M
smartislandLive now
Version 0.1 · ethxu2018@gmail.comwork
MIN WIDTH 576 ptBOTTOM RADIUS 28 ptCONTENT RAIL 12 pt
02 / SURFACE INVENTORY

One language.
Different densities.

展示的不是概念组件，而是已经存在于 Work、Home、Controls、Feedback 与独立 Settings 窗口中的真实信息层级。

WORK / AGENT STATERunning + Ready
Codex
Done

No active command right now.

Weekly Window34%
6d 11h
Context63%
163.3k / 258.4k
smartislandUpdated just now
Claude Code
Ready

Running in smartisland.

5h Window0%
100% left · 41m
Weekly Window0%
100% left · 1d 7h
Context67%
670.6k / 1.0M
smartislandLive now
HOME / DESKTOP TELEMETRYLive system signals
Finish desktop awareness setup

Grant Screen Recording so Home can reflect live desktop and audio activity.

1/3 ready
ChatGPT

Focused in ChatGPT at 23:00

23:00
Idle
Audio Ready
81%
Relink♾️
Power AppsLive
Codex82%
SkyComputerUseSe14%
codex3%
codex-code-mode-1%
SystemLive
CPU--
GPU37%
MEM72%
BAT100%
CONTROLS / QUICK ACTIONSLocal control

Use Quick Controls for fast session changes. Open the Settings window for lasting preferences, setup, and integration health.

Setup
Setup Checklist

Finish desktop awareness setup

Progress

1/3 ready

Quick Actions
Floating Island

Collapse back into the notch without disabling hover

Pin Open

Let hover and work context drive expansion

Auto Collapse

Collapse when the pointer leaves

Work
Work Auto Show

Auto-present when Codex or Claude leaves the foreground

Work Page

Work page is ready for live coding activity

Utilities
Settings Window

Open the full preferences and permissions window for Smart Island

Feedback

Invite people to email suggestions and bug reports straight to your inbox.

Quit Smart Island

Fully close the menu bar and notch app until you launch it again.

Attached Display

Built-in Retina Display

FEEDBACK / SUPPORTDirect email
Suggestions are always welcome

If you have any suggestions, ideas, or bug reports, feel free to email me directly. That keeps feedback simple and guarantees it reaches the same inbox every time.

Email
ethxu2018@gmail.com
Version
Version 0.1
Contact
ethxu2018@gmail.com
Write Email

Queued feedback will retry automatically if your network is unavailable.

COMPACT WORK / FOCUSED MODULE77 pt body
CodexFocus
Weekly Window34%
Context61%
Claude CodeReady
5h Window0%
Weekly Window0%
Context67%
COLLAPSED / NOTCH DOCK294 × 32 pt
03 / SYSTEM INTEGRATION

Settings stays
native to macOS.

持续偏好、权限和集成健康度不塞进刘海面板，而是保留在独立的原生 Settings Window 中。

SmartIsland app icon
Smart Island

Use this window for lasting preferences, setup, and integration health. The island's Controls surface stays focused on quick actions.

Finish desktop awareness setup

Complete the permissions used by Home and Work monitoring.

1/3 ready
Island Preferences

Notch-aware layout active

Setup Checklist
Screen RecordingReady
AutomationNeeds Setup
NotificationsOn First Use
Work Surface
Codex is connectedLive
Claude Code is connectedLive
Integrations
CodexLive Progress
Claude CodeClaude CLI in Background
Built-in Retina DisplayAttached
Support

Feedback email is available. 0 queued locally.

App

Close Smart Island completely until you launch it again.

04 / FOUNDATIONS

The details are
the interface.

下列数值直接对应 IslandView.swift 中的实现参数，用来说明界面为什么看起来统一，而不是额外创建一套抽象 Design Token。

ACCENT PALETTERuntime semantics
Codex#38DB6B
Claude#69A1FF
CPU#38BDFA
GPU#8F73F5
Memory#33D6B8
Power#FA8052
CONTINUOUS CORNERSPoints
28Expanded shell
18Primary card
16Control row
15Metric card
14Nested action
SF PRO TYPE SCALENative hierarchy
Aa16 pt · SemiboldHome status
Aa13 pt · Semibold RoundedSurface + agent title
Aa11 pt · MediumPrimary detail
Aa10 pt · SemiboldControls + labels
Aa8.5 pt · MediumMetadata + footer
GLASS CONSTRUCTIONAdaptive Light + Dark
Surface base
Black 24% / Navy 72%
Outer edge
1.2–1.9 pt
Specular bloom
5.5–22 pt
Card edge
0.5–1.1 pt
05 / MOTION SYSTEM

Width first.
Content last.

展开不是一次性缩放：宽度先领先，垂直方向分两段到位，内容最后通过位移、缩放与模糊进入。收起时顺序反转，避免所有元素同时糊成一层。

Work Stream
Updated just now
Codex
Done

No active command right now.

Weekly Window34%
6d 11h
Context63%
163.3k / 258.4k
smartislandUpdated just now
Claude Code
Ready

Running in smartisland.

5h Window0%
100% left · 41m
Weekly Window0%
100% left · 1d 7h
Context67%
670.6k / 1.0M
smartislandLive now
Version 0.1 · ethxu2018@gmail.comwork
WIDTH LEAD170 ms
VERTICAL I190 ms
SETTLE160 ms
VERTICAL II180 ms
CONTENT180 ms