选择适合你工作流程的分发模式 — npm 包快速集成，或 CLI 复制粘贴完全掌控源码。
完成安装、样式接入与首个页面渲染，先把基础链路跑通。
先看无头能力与带样式封装如何分工，再决定接入深度与样式策略。
按类别查看基础组件、模式组件与工具组件，快速收敛选型范围。
理解 tokens、variants 与 ui slot 覆盖的关系，避免后续返工。
@soybeanjs/headless 只提供状态、行为与可访问性语义，便于直接复用到自定义设计系统。
@soybeanjs/ui 提供带默认样式的 S 前缀组件，让常见界面可以直接交付而不必从零包样式。
遵循 WAI-ARIA 模式，覆盖键盘导航、焦点管理与语义状态同步。
基于 TypeScript 构建，组件、插槽与配置项都有清晰的类型反馈。
通过 ui prop 和 slot 映射精确覆盖局部样式，而不是整体重写组件。
基于 UnoCSS 与 @soybeanjs/cva 组织变体，便于统一令牌和主题扩展。
覆盖通用、表单、导航、浮层与数据展示等核心界面场景。
提供 Nuxt、自动导入与文档示例支持，让接入、演示和维护更顺手。