AI导哈

AI编码代理配置平台

Actant.io是一个用于构建、共享和导出AI编码代理配置和工作流的可视化平台，支持多种主流AI编码代理的配置管理。

  • by 00quasr
  • TypeScript
  • 本地部署
  • 更新于
在 GitHub 查看 00quasr/actant.io

使用说明

Actant.io

CLI代理配置和工作流平台。为AI编码代理构建、共享和导出配置和工作流。

Actant提供了一个可视化构建器，用于创建配置文件，AI编码代理可以读取这些文件来理解您的项目。您无需手动编写规则文件、权限配置、MCP服务器定义、工作流命令和代理定义，而是使用构建器组装所有内容并导出一组即用型文件。

https://github.com/user-attachments/assets/078cc9be-4312-4060-894c-f8b81a702aa9

支持的代理

代理 配置文件 MCP 命令 代理
克劳德代码 CLAUDE.md, .claude/settings.json, .mcp.json, .claude/skills/*/SKILL.md, .claude/commands/*.md, .claude/agents/*.md 是 是 是
光标 .cursorrules, .cursor/rules/*.mdc, .mcp.json 是 否 否
风帆冲浪 .windsurfrules, .windsurf/rules/rules.md 否 否 否
克莱恩 .clinerules/*.md （编号） 否 否
OpenCode opencode.json, .opencode/commands/*.md 是 是 是

快速开始

# Clone the repository
git clone https://github.com/keanuklestil/actant.io.git
cd actant.io

# Install dependencies
npm install

# Copy environment variables
cp .env.example .env.local

# Fill in your environment variables in .env.local:
# - NEXT_PUBLIC_SUPABASE_URL
# - NEXT_PUBLIC_SUPABASE_ANON_KEY
# - NEXT_PUBLIC_APP_URL

# Start the development server
npm run dev

打开 http://localhost:3000 在您的浏览器中。

项目结构

src/
├── app/
│   ├── (marketing)/     # Landing page, auth pages (top nav + footer layout)
│   ├── (app)/           # Builder, marketplace, profile (sidebar layout, auth required)
│   ├── (docs)/          # Documentation pages (docs sidebar layout)
│   ├── auth/            # OAuth callback handler
│   └── api/             # REST API endpoints
├── components/
│   ├── ui/              # shadcn/ui primitives (auto-generated)
│   ├── layout/          # Top nav, sidebar nav, docs sidebar, footer
│   ├── auth/            # Login form, signup form, auth guard, user menu
│   ├── builder/         # Builder shell, 8 tabs (instructions, skills, mcp, permissions, rules, commands, agents, docs), export dialog
│   ├── marketplace/     # Search, filters, listing components
│   ├── config/          # Config card, agent badge, rating stars
│   ├── markdown/        # Markdown editor, markdown preview
│   ├── landing/         # Hero, features, how-it-works sections
│   └── profile/         # Profile header, saved/published lists
├── lib/
│   ├── supabase/        # Supabase client (browser), server client, middleware
│   ├── exporters/       # Agent-specific exporters (claude-code, cursor, windsurf, cline, opencode)
│   ├── utils.ts         # cn() helper for Tailwind class merging
│   └── constants.ts     # Agent types, categories, nav items, enums
├── hooks/               # Custom hooks (use-auth, use-config, use-debounce, use-auto-save)
├── types/               # TypeScript definitions (database, config, marketplace)
├── services/            # Data access layer (configs, skills, marketplace, reviews, profiles)
└── validations/         # Zod schemas (config, review, profile)

技术栈

  • 框架： Next.js 14（应用路由器）
  • 语言： TypeScript（严格模式）
  • 数据库： Supabase（PostgreSQL+身份验证+存储）
  • 造型： Tailwind CSS
  • 组件： shadcn/ui+根ui
  • 图标： 根图标
  • 验证： 黄道带
  • 编辑： CodeMirror（Markdown+JSON）
  • 字体： Inter（通过next/font/google）

脚本

命令 描述
npm run dev 启动Next.js开发服务器
npm run build 创建生产构建
npm run start 启动生产服务器
npm run lint 运行ESLint
npm run lint:fix 运行ESLint并自动修复
npm run typecheck 运行TypeScript类型检查

环境变量

复制 .env.example 到 .env.local 并填写以下值：

变量 描述
NEXT_PUBLIC_SUPABASE_URL Supabase项目URL
NEXT_PUBLIC_SUPABASE_ANON_KEY Supabase匿名/公钥
NEXT_PUBLIC_APP_URL 应用程序URL(http://localhost:3000对于dev）
ANTHROPIC_API_KEY Anthropic API键（用于AI功能）
STRIPE_SECRET_KEY 条纹密钥（用于支付）
STRIPE_WEBHOOK_SECRET Stripe webhook签名密钥
STRIPE_PRICE_ID_PRO_MONTHLY Pro计划的条纹价格ID
NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY 条纹可发布密钥

贡献

  1. 分叉存储库
  2. 创建要素分支： git checkout -b feature/your-feature
  3. 遵循现有的代码样式：
    • TypeScript严格模式，否 any
    • 命名出口
    • 功能组件
    • Tailwind CSS 用于样式设计
    • Zod用于验证
  4. 提交前运行检查：
    npm run lint
npm run typecheck
npm run build
  5. 以常规格式提交： type(scope): message
  6. 推送并打开拉取请求 main

许可证

麻省理工学院

相关 MCP