用途：在 Stencil.js 中按原子设计方法论搭建可扩展、可主题化的设计系统，面向多客户端部署。
主要能力：组件按原子（cor-button、cor-icon、cor-typography、cor-separator）、分子（cor-input-field、cor-toggle、cor-search-bar）、组织（cor-card、cor-navbar、cor-form）、模板（cor-page-layout、cor-grid）分层组织，每个组件含 tsx、css、constants、enums、stories、readme 与 test 目录。设计令牌采用三层结构，核心令牌以 JSON 定义颜色、字体、间距、圆角、阴影、边框，组件令牌通过 {color.palette.blue.600} 这类引用组合，再由 Style Dictionary 配置生成 CSS 变量。主题支持通过 :root、[data-theme="light"]、[data-theme="dark"] 切换语义变量。组件使用 shadow DOM 与 slot 投影内容，支持默认插槽、具名插槽（如 icon-left、header、footer）、条件插槽渲染与插槽回退内容，并可用 @Prop、@State、@Event 管理属性、状态与事件。
使用方式：按资料中的目录结构组织 design-respec 项目，在 tokens/core 下编写令牌 JSON，配置 style-dictionary.config.json 的 source 与 css 平台输出到 generated 目录，在 src/assets/css/index.css 中导入基础样式与工具类，组件内通过 var(--spacing-md) 等生成的 CSS 变量引用令牌。
适用场景：需要统一视觉规范、支持多客户主题覆盖、以 Web Components 形式跨框架复用的设计系统项目。
限制：资料未提供安装命令、依赖版本、构建脚本、发布流程、浏览器兼容范围、性能数据与收费信息，这些内容暂未提供。