io.github.cybairfly/codify-mcp
编码与调试by cybairfly
借助 Apify Agent,将随手进行的浏览器操作快速转成可复用的自动化工具,创建过程更轻松。
什么是 io.github.cybairfly/codify-mcp?
借助 Apify Agent,将随手进行的浏览器操作快速转成可复用的自动化工具,创建过程更轻松。
README
Codify MCP
MCP server for custom automation tools using Apify Agent
Part of Project Codify
Project Codify
Complete end-to-end browser automation pipeline running inside browser (or locally). Codify and replay browser actions as robust (deterministic) and reusable scripts. From rapid prototyping and quick automation scripts to sophisticated deployments at scale.
-
Login - reusable authentication sessions - reusable secure login (TBD) ❎
-
Agent - turn scripts into browser actions - code or text script (future) ✅
-
Coder - turn browser actions into scripts (TBD - currently integrated) ✅
-
Robot - automation engine for scalability (TBD - currently integrated) ✅
-
MCP - automations become reusable tools you can reuse through AI ✅
More is on the way... Give it a shot 🎬 or join the list to follow the project! 🔔
What It Does
Model Context Protocol (MCP) server that lets AI assistants (e.g. Claude, Cursor, VS Code) execute browser automation tasks via Apify Agent. Tools are passed as clean JSON arguments — one per line. No manual setup or file creation.
Usage
Run directly using npx:
npx codify-mcp {{JSON_MCP_TOOL_1}} {{JSON_MCP_TOOL_2}} {{JSON_MCP_TOOL_3}}...
Or install locally:
npm install -g codify-mcp
Quick Start
1. Apify Token
Optional - you can also place the token inside the MCP server JSON later.
apify login
This saves your token to ~/.apify/auth.json.
Alternatively, set the environment variable:
export APIFY_TOKEN="your_token_here"
2. Create a Tool
Apify Coder can turn casual browser actions into reusable AI tools. Currently, this feature is also integrated in Apify Agent
Export a tool and append the result as a JSON string to the MCP server args field or ask your AI to do it for you.
{
"name": "scrape_product",
"description": "Scrape product info from a page",
"inputSchema": {
"type": "object",
"properties": {
"url": {
"type": "string",
"description": "Product page URL"
}
},
"required": ["url"]
},
"implementation": {
"type": "apify-actor",
"actorId": "cyberfly/apify-agent",
"script": "await page.goto(inputs.url); const title = await page.textContent('h1'); return {title};"
}
}
3. Run the Server
npx codify-mcp '{"name":"scrape_product","description":"...","inputSchema":{...},"implementation":{...}}'
Or with multiple tools:
npx codify-mcp \
'{"name":"tool1",...}' \
'{"name":"tool2",...}' \
'{"name":"tool3",...}'
4. Connect to Claude Desktop (or Cursor/VS Code)
Edit your Claude Desktop config:
macOS/Linux: ~/.config/Claude/claude_desktop_config.json
Windows: %APPDATA%\Claude\claude_desktop_config.json
{
"mcpServers": {
"codify-mcp": {
"command": "npx",
"args": [
"codify-mcp",
"{\"name\":\"scrape_product\",\"description\":\"...\",\"inputSchema\":{...},\"implementation\":{...}}"
],
"env": {
"APIFY_TOKEN": "your_token_or_leave_empty_to_use_auth_file"
}
}
}
}
Restart Claude. Your tools are now available to the AI assistant.
Tool Definition Reference
Basic Structure
{
// Required
"name": "tool_name", // alphanumeric + underscore/dash
"description": "What the tool does", // shown to AI
"inputSchema": {
"type": "object",
"properties": {
"paramName": {
"type": "string",
"description": "Parameter description"
}
},
"required": ["paramName"]
},
"implementation": {
"type": "apify-actor",
"actorId": "cyberfly/apify-agent", // actor to run
"script": "await page.goto(inputs.url); ..." // Playwright code
},
// Optional
"version": "1.0.0",
"metadata": { "custom": "fields" }
}
Implementation Details
- script: Playwright automation code. Receives
inputsobject with user-provided parameters andpageobject for browser automation. - actorId: Apify actor to execute. Defaults to
cyberfly/apify-agent.
Input Schema Examples
Simple text input:
{
"url": {
"type": "string",
"description": "Website URL"
}
}
Optional field:
{
"timeout": {
"type": "integer",
"description": "Timeout in seconds",
"default": 30
}
}
Enum (dropdown):
{
"format": {
"type": "string",
"enum": ["json", "csv", "markdown"],
"description": "Output format"
}
}
Usage Patterns
Single Tool (Development)
npx codify-mcp '{"name":"test","description":"Test tool","inputSchema":{"type":"object","properties":{}},"implementation":{"type":"apify-actor","script":"console.log('hello')"}}'
Multiple Tools (Production)
npx codify-mcp \
"$(cat tools/scraper.json)" \
"$(cat tools/logger.json)" \
"$(cat tools/analyzer.json)"
With Environment Variable
APIFY_TOKEN="apk_..." npx codify-mcp '{"name":"...","description":"...","inputSchema":{},"implementation":{"type":"apify-actor","script":"..."}}'
With npm link (Local Testing)
cd /path/to/codify-mcp
npm link
# Now use anywhere
codify-mcp '{"name":"...","description":"...","inputSchema":{},"implementation":{"type":"apify-actor","script":"..."}}'
Authentication
Token resolution order:
- APIFY_TOKEN environment variable (if set and not empty)
- ~/.apify/auth.json (from
apify loginCLI command) - Error: No token found, tool execution will fail with clear message
Troubleshooting
"No valid tools in arguments"
Ensure you're passing valid JSON strings as arguments:
# ✓ Correct
npx codify-mcp '{"name":"test","description":"Test","inputSchema":{"type":"object","properties":{}},"implementation":{"type":"apify-actor","script":"return {ok:true}"}}'
# ✗ Wrong (missing quotes around JSON)
npx codify-mcp {name:"test"...}
# ✗ Wrong (single quotes around JSON on Linux/Mac may need escaping)
npx codify-mcp '{name:"test"...}' # Use double quotes inside
"Invalid or missing Apify token"
Ensure authentication is set up:
# Option 1: Login via CLI
apify login
# Option 2: Set environment variable
export APIFY_TOKEN="apk_your_token_here"
apify token
"Tool execution failed"
Check your Playwright script syntax. The script must be valid JavaScript that:
- Has access to
inputs(user-provided parameters) - Has access to
page(Playwright page object) - Returns a value or object
// ✓ Valid
await page.goto(inputs.url);
const title = await page.textContent('h1');
return { title };
// ✗ Invalid (missing await)
page.goto(inputs.url);
Large Tool Sets (50+ tools)
If you have many tools, consider splitting into multiple MCP servers:
{
"mcpServers": {
"apify-scraper": {
"command": "npx",
"args": ["codify-mcp", "...tool1...", "...tool2..."]
},
"apify-analyzer": {
"command": "npx",
"args": ["codify-mcp", "...tool3...", "...tool4..."]
}
}
}
Development
Running Locally
npm link
codify-mcp '{"name":"test",...}'
Structure
lib/
index.js # Main entry: assembleWrapperCode(), start()
mcp/
resolver.js # Module path bootstrapping
auth.js # Token resolution
actor_caller.js # Apify actor execution
server_setup.js # MCP server + tool registration
bin/
start.js # Executable entry point (bin field in package.json)
Key Design Principles
- No files: Tools passed entirely via argv; no config files or manual setup.
- No base64: Clean, readable command lines; no obfuscation.
- Self-contained: All dependencies bundled; works offline once installed.
- Stateless: Each invocation is independent; easy horizontal scaling.
- Token from env/CLI: Seamless auth experience; respects Apify ecosystem conventions.
License
Apache-2.0
Contributing
Issues and PRs welcome at github.com/cybairfly/codify-mcp
常见问题
io.github.cybairfly/codify-mcp 是什么?
借助 Apify Agent,将随手进行的浏览器操作快速转成可复用的自动化工具,创建过程更轻松。
相关 Skills
前端设计
by anthropics
面向组件、页面、海报和 Web 应用开发,按鲜明视觉方向生成可直接落地的前端代码与高质感 UI,适合做 landing page、Dashboard 或美化现有界面,避开千篇一律的 AI 审美。
✎ 想把页面做得既能上线又有设计感,就用前端设计:组件到整站都能产出,难得的是能避开千篇一律的 AI 味。
网页应用测试
by anthropics
用 Playwright 为本地 Web 应用编写自动化测试,支持启动开发服务器、校验前端交互、排查 UI 异常、抓取截图与浏览器日志,适合调试动态页面和回归验证。
✎ 借助 Playwright 一站式验证本地 Web 应用前端功能,调 UI 时还能同步查看日志和截图,定位问题更快。
网页构建器
by anthropics
面向复杂 claude.ai HTML artifact 开发,快速初始化 React + Tailwind CSS + shadcn/ui 项目并打包为单文件 HTML,适合需要状态管理、路由或多组件交互的页面。
✎ 在 claude.ai 里做复杂网页 Artifact 很省心,多组件、状态和路由都能顺手搭起来,React、Tailwind 与 shadcn/ui 组合效率高、成品也更精致。
相关 MCP Server
GitHub
编辑精选by GitHub
GitHub 是 MCP 官方参考服务器,让 Claude 直接读写你的代码仓库和 Issues。
✎ 这个参考服务器解决了开发者想让 AI 安全访问 GitHub 数据的问题,适合需要自动化代码审查或 Issue 管理的团队。但注意它只是参考实现,生产环境得自己加固安全。
Context7 文档查询
编辑精选by Context7
Context7 是实时拉取最新文档和代码示例的智能助手,让你告别过时资料。
✎ 它能解决开发者查找文档时信息滞后的问题,特别适合快速上手新库或跟进更新。不过,依赖外部源可能导致偶尔的数据延迟,建议结合官方文档使用。
by tldraw
tldraw 是让 AI 助手直接在无限画布上绘图和协作的 MCP 服务器。
✎ 这解决了 AI 只能输出文本、无法视觉化协作的痛点——想象让 Claude 帮你画流程图或白板讨论。最适合需要快速原型设计或头脑风暴的开发者。不过,目前它只是个基础连接器,你得自己搭建画布应用才能发挥全部潜力。