AI导哈

AI编码生态工具浏览器

Tool Bag是一个基于Next.js的应用程序，用于浏览AI编码生态工具（技能、MCP服务器、工作流），为项目选择合适的堆栈，并导出可供Claude Code和Codex使用的配置文件。

  • by djtroymx1
  • TypeScript
  • 本地部署
  • 更新于
在 GitHub 查看 djtroymx1/Tool-Bag

使用说明

工具包

Tool Bag是一个Next.js应用程序，用于浏览AI编码生态系统工具（技能、MCP服务器、工作流），为项目选择合适的堆栈，并导出Claude Code和Codex的现成配置文件。

在本地运行

  1. 安装依赖项：
npm install
  1. 创建 .env.local:
NEXT_PUBLIC_SUPABASE_URL=https://<your-project-ref>.supabase.co
NEXT_PUBLIC_SUPABASE_ANON_KEY=<your-anon-key>
  1. 启动开发服务器：
npm run dev
  1. 打开 http://localhost:3000.

部署

使用Supabase作为数据源在Vercel上部署：

  1. 将此存储库推送到GitHub。
  2. 将项目导入Vercel。
  3. 在Vercel中配置环境变量：
    • NEXT_PUBLIC_SUPABASE_URL
    • NEXT_PUBLIC_SUPABASE_ANON_KEY
  4. 部署。

更新目录数据

目录项存储在Supabase中(catalog_items).

  1. 使用Supabase仪表板：

    • 打开表格编辑器。
    • 选择 catalog_items.
    • 插入或更新行。

  2. 或者使用SQL：

insert into catalog_items (
  slug,
  name,
  category,
  source,
  stars,
  url,
  stack,
  description,
  claude_code_install,
  codex_install,
  mcp_config_claude,
  mcp_config_codex,
  platforms,
  priority,
  notes,
  last_verified_at
) values (
  'example-tool',
  'Example Tool',
  'Skills & Plugins',
  'Community',
  '--',
  'https://example.com',
  array['General'],
  'Example description',
  null,
  null,
  null,
  null,
  array['claude-code', 'codex'],
  'recommended',
  null,
  now()
);

相关 MCP