平台能力优先
原生控件和语义化地标始终优先；只有浏览器无法提供的交互才使用 JavaScript。
复杂界面，也该有清晰语法。
把 A3S Office 验证过的应用外壳、功能区、分栏与状态模型，交付为语义化 HTML、Tailwind CSS 和少量原生 JavaScript。无需 React，不绑定框架运行时。
$
npm install @a3s-lab/ui- 116
- 组件契约
- 06
- 设计基础
- 00
- 框架运行时
公开组件组合可交互 A3S OFFICE 工作台
P
项目复盘演示文稿，刚刚保存
工作区 / 最近使用
继续上次工作
从一个控件，到整个工作台。
通用组件按界面职责分组；结构化表单与 Harness 继续使用同一套组件导航、视觉语言和状态契约。每篇指南都提供可运行样例。
操作与输入
查看全部组件契约 按钮、字段、表单与文本编辑，覆盖高频创建动作。
结构化表单Designer、Renderer、复杂字段，以及 React 与 Vue 状态接口。
选择与筛选选择器、组合框、开关与滑块，保持状态清楚可达。
导航与定位活动栏、面包屑、标签页、分页、侧边栏与滚动定位。
应用结构外壳、标题栏、工具栏、窗格、资源布局与主题控制。
浮层与菜单对话框、抽屉、菜单、浮层、命令面板与上下文帮助。
反馈与状态警告、状态徽章、进度、骨架屏、加载状态与 Toast 反馈。
内容与媒体正文、卡片、图像、代码、Markdown 与折叠内容。
数据展示图表、属性、数据网格、表格、排序与过程展示。
Harness任务输入、会话、文件、执行授权、审阅与开发预览。
把 A3S UI 调成你的产品。
选择外观、强调色、圆角和界面密度。修改会立即作用于整站与组件预览，并在下次访问时恢复。
语义化 HTML
浏览器原生行为
Form 与 Harness
响应式 + RTL
服务端模板
一套语义契约，多种视觉基础。
颜色、字体与形状可以切换，组件结构、交互状态和可访问行为始终保持一致。
ACTIONSUCCESSAGENTATTENTIONDANGER
TYPE SCALEAa
Geist Sans
12 / 14 / 16 / 20 / 32 / 64SPACING SCALE4812162432
CONTROL SHAPE
R06 / R10 / R14三条不能妥协的产品原则。
坚持一份契约
CSS 变量和已记录的数据属性负责适配，不分叉组件结构，也不牺牲可访问行为。
为复杂工作而设
紧凑界面、稳定焦点与响应式工作区，让高密度产品始终保持清晰。
从一个真实界面开始。
安装 @a3s-lab/ui，选择视觉基础，然后从 App Shell、Form、Harness 或任一组件契约复制可运行标记。