mcpField
K
Kinetik UI

Kinetik UI

本地服务
kinetik-ui.dev开发工具196 天前更新
代码仓库访问官网

关于 Kinetik UI

Kinetik UI 是用于查找并添加 React Native 动效组件的命令行工具。它将 TypeScript 源码复制到项目中，也可通过 MCP 向 AI Agent 提供组件注册表。

主要功能

  1. 01按名称或类别搜索组件
  2. 02添加组件及其共享代码
  3. 03列出已安装组件和模板
  4. 04比较本地副本与注册表
  5. 05检查项目配置和依赖
  6. 06向 AI Agent 提供注册表

适用场景

  1. 01为 Expo 页面查找动效组件
  2. 02向 React Native 项目添加注册表组件
  3. 03检查组件副本与注册表的差异

MCP 相关

`mcp` 命令通过 stdio 运行 MCP 服务，提供列出、搜索和获取组件、生成安装计划及读取 tokens 等工具。

配置

本地服务的配置在各客户端中通用，复制后粘贴到客户端的 MCP 配置文件即可。

mcp.json · 通用配置
{
  "mcpServers": {
    "nurullahturgut-kinetik-ui": {
      "command": "npx",
      "args": [
        "-y",
        "kinetik-ui"
      ]
    }
  }
}
启动命令npx -y kinetik-ui

本地服务需要在你的电脑上安装运行环境（如 Node.js 18+）。各客户端的配置文件位置不同，请参考客户端文档。

安装包
npmkinetik-ui1.4.2

工具

5

收录的工具列表 · 更新于 1 周前

参数类型必填说明
categoryenum否仅此类别background | card | interaction | input | disclosure | overlay | text | navigation | feedback | data | screen

详细介绍

kinetik-ui

Kinetik UI 的 CLI：适用于 Expo 的动效和效果组件，基于 Reanimated 4、Gesture Handler 和 Skia 构建。

需要 React Native 新架构。Expo SDK 54 或更高版本。

npx kinetik-ui init
npx kinetik-ui add glint-card deckfall

组件会以 TypeScript 源码的形式复制到你的项目中，因此你拥有它们。依赖项通过 npx expo install 安装，以确保原生版本与 Expo SDK 匹配。

命令

命令功能
init写入 kinetik.json，复制 tokens 和动效预设，并安装 Reanimated
add <name...>复制组件及其所需的共享代码，然后运行 expo install
list列出所有组件和屏幕模板（● 标记已安装的项目）
search <query>按名称、类别或描述查找组件
diff [name...]查看你的副本与注册表之间的差异
doctor检查 Expo SDK、新架构、Babel 配置、依赖项和文件
agents [--skill]将 Kinetik 指南添加到 AGENTS.md（以及 Agent Skill）
mcp通过模型上下文协议（stdio）向 AI Agent 提供注册表服务

选项：--registry <url|dir>、--overwrite、--dry-run、--skip-install、--components-dir、--lib-dir、--json、--cwd。运行 npx kinetik-ui --help 了解详情。

与 AI Agent 搭配使用

将 MCP 服务添加到 Agent 的配置中：

{ "mcpServers": { "kinetik-ui": { "command": "npx", "args": ["-y", "kinetik-ui", "mcp"] } } }

工具：list_components、search_components、get_component、get_install_plan、get_tokens。

许可证

MIT

评论

支持 Markdown

第一次接触 MCP？

从协议是什么，到在客户端里装上第一个服务，这几条回答覆盖了大多数入门问题。

一个开放协议，规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话，MCP 服务负责提供工具、资源和提示模板，两者通过标准消息通信，同一个服务可以被不同客户端复用。