mcpField
E
ExpoKit

ExpoKit

本地服务
expokit.in开发工具17今天更新

关于 ExpoKit

ExpoKit 是面向 Expo 和 React Native 应用的动画 UI 组件命令行工具,可将组件源码复制到应用中,由开发者自行管理。组件适配触控,并支持 iOS、Android、Web 和 Expo Go。

主要功能

  1. 01添加按钮、输入框、卡片和图表
  2. 02提供动画组件与完整界面
  3. 03支持亮色和暗色模式
  4. 04适配触控、手势和触觉反馈
  5. 05组件源码复制到应用内
  6. 06dry-run 预览文件更改

适用场景

  1. 01为 Expo 应用添加 UI 组件
  2. 02将动画图表加入 React Native 项目
  3. 03在编码前预览安装将进行的更改

MCP 相关

README 提及 AI / MCP 设置文档,但未说明 MCP 服务所提供的功能。

配置

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

mcp.json · 通用配置
{
"mcpServers": {
"anshkaran7-expokit": {
"command": "npx",
"args": [
"-y",
"@expokit/cli"
]
}
}
}
启动命令npx -y @expokit/cli

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

安装包
npm@expokit/cli0.4.2

工具

4

收录的工具列表 · 更新于 2 天前

参数类型必填说明
tierenum否仅列出免费或 Pro 项目。free | pro
typeenum否仅列出此类型的项目。component | chart | block | template | lib

详细介绍

@expokit/cli

npm CI OpenSSF Scorecard Dependencies License

ExpoKit 的命令行工具——面向 Expo 和 React Native 的动画 UI 组件。它会将组件源代码复制到你的应用中(类似 shadcn/ui),让你拥有这些代码。

iPhone 上的 ExpoKit 图表:滑动区域图和柱状图、拖动仪表盘、点击浏览环形图

深色和浅色模式下 iPhone 上的 ExpoKit:支付卡、翻转卡片、仪表盘区块和结账区块
支付卡和翻转卡片免费;仪表盘和结账屏幕是 Pro 区块。

  • 按钮、输入框、卡片、底部弹层、标签页、图表和完整屏幕,均带动画,并支持浅色和深色模式
  • 专为触控打造:弹簧动画、拖动手势和触觉反馈,支持 iOS、Android、Web 和 Expo Go
  • 代码归你所有:应用中是普通的类型化文件,不会被运行时库绑定

浏览所有组件及实时预览 → · 在 Expo Go 中用手机试用 →

使用方法

在 Expo 应用的文件夹中:

npx @expokit/cli@latest init
npx @expokit/cli@latest add button otp-input
import { Button } from '@/components/ui/button';

<Button onPress={save}>Save</Button>;

查看所有组件:npx @expokit/cli@latest add --list

文档

其他所有内容——实时预览、属性、安装、主题、Pro、AI / MCP 配置和帮助——请访问 expokit.in。

安全

  • 无依赖,无安装脚本。
  • 仅统计匿名安装次数——成功执行 add 后,CLI 会将项目名称({"items":["button"]}) 发送到 expokit.in,以便网站显示各组件的安装次数。不发送令牌、文件、路径或机器信息; 每天重复添加仅计数一次。使用 DO_NOT_TRACK=1 或 EXPO_KIT_TELEMETRY=0 可关闭统计;在 CI、 --dry-run 或 update 中不会运行。
  • 仅在应用内写入——components.json、tsconfig.json 中的 @/* 别名以及组件文件。 --dry-run 会先显示所有变更;除非传入 --force,否则 add 不会覆盖你已修改的文件。 如果 components.json 中的 paths 指向应用外部,操作会被拒绝。应用内的符号链接会被跟随而不进行 检查,因此,如果克隆的仓库将文件夹符号链接到其他位置,仍可能向该处写入。
  • 安装免费组件无需联网——这些组件随此软件包一同发布。Pro 组件通过 HTTPS 从 expokit.in 下载;令牌以仅你可读取的方式存储,只发送到该网站,且绝不会通过重定向发送。 在脚本中,将令牌通过管道传给 login,或设置 EXPO_KIT_TOKEN(--token 会将令牌留在 shell 历史记录中)。
  • **只运行一条命令:**为组件所需的软件包运行 npx expo install——运行时环境中不会包含 EXPO_KIT_TOKEN, 因此安装脚本无法看到你的令牌。

私下报告漏洞:SECURITY.md。

许可证

MIT

评论

支持 Markdown

第一次接触 MCP?

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

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