SlexKit

Streaming Live EXpressions Kit

"文档即工具，工具即文档"，把显式 Markdown fence 渲染成带状态的交互块。

SlexKit 是面向 Markdown 宿主的交互式 UI 运行时。文档中写显式 slex fence，运行时负责挂载表单、指标、计算器和预览组件；不需要为每段内容增加构建流程。

能力范围

• 零构建 — 在 Markdown 中直接写 slex fence；宿主只需加载运行时和样式
• 流式渲染 — 适合消息流和文档流：内容到达后按 fence 挂载
• 响应式状态 — 同一 artifact 内共享状态，控件和展示组件可以联动
• 组件集 — 内置常用文档组件：卡片、表单、表格、代码块、标签页等
• 安全沙箱 — 不可信内容可放入 secure runtime，与宿主页隔离
• 工具调用渲染 — ToolHost 把确认、选择和表单类工具调用渲染成可提交 UI

快速示例

在 Markdown 中写一个交互式计算器：

```slex
{
  namespace: "seo_home_calculator",
  g: { price: 99, qty: 3 },
  layout: {
    "row:inputs": {
      "input:price": {
        type: "number",
        label: "单价",
        "$value": "g.price",
        onchange: "g.price = Number($event || 0)"
      },
      "input:qty": {
        type: "number",
        label: "数量",
        "$value": "g.qty",
        onchange: "g.qty = Number($event || 0)"
      },
      "stat:total": {
        label: "总价",
        "$value": "g.price * g.qty"
      }
    }
  }
}
```

开始使用

• 简介 — 了解 SlexKit 的设计理念
• 快速开始 — 5 分钟上手 SlexKit
• 组件文档 — 浏览所有可用组件
• 示例中心 — 查看应用场景示例
• npm — 安装 npm install slexkit
• GitHub — 源码与贡献

AI / LLM 文档接入

供 agent 读取的索引、全文和 MCP 入口：

• /llms.txt — 文档索引，包含所有指南、组件、示例和参考文档的结构化目录
• /llms-full.txt — 完整英文文档（单文件），包含所有 Markdown 源文件
• /llms-components.txt — 组件文档与 props/state 参考
• /llms-runtime.txt — 运行时、宿主集成与安全渲染文档
• /llms-toolhost.txt — ToolHost 结构化用户输入文档
• /llms-authoring.txt — slex fence 编写规则
• /slexkit-ai-manifest.json — 机器可读的页面与组件元数据

MCP 服务器：npx -y @slexkit/mcp（只读，提供文档查询、示例浏览和 Slex 源码校验）