Back to Details

netlify

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

Netlify Skill

Netlify Skill

Overview

概述

Enables Claude to access Netlify to check deployment status, manage site configurations, monitor form submissions, and view analytics for JAMstack deployments.
允许Claude访问Netlify，以检查JAMstack部署的状态、管理站点配置、监控表单提交并查看分析数据。

Quick Install

快速安装

bash
curl -sSL https://canifi.com/skills/netlify/install.sh | bash
Or manually:
bash
cp -r skills/netlify ~/.canifi/skills/
bash
curl -sSL https://canifi.com/skills/netlify/install.sh | bash
或者手动安装：
bash
cp -r skills/netlify ~/.canifi/skills/

Setup

设置

Configure via canifi-env:
bash
undefined
通过canifi-env进行配置：
bash
undefined

First, ensure canifi-env is installed:

首先，确保canifi-env已安装：

curl -sSL https://canifi.com/install.sh | bash

curl -sSL https://canifi.com/install.sh | bash

canifi-env set NETLIFY_EMAIL "your-email@example.com"
undefined
canifi-env set NETLIFY_EMAIL "your-email@example.com"
undefined

Privacy & Authentication

隐私与认证

Your credentials, your choice. Canifi LifeOS respects your privacy.
你的凭证，由你掌控。Canifi LifeOS尊重你的隐私。

Option 1: Manual Browser Login (Recommended)

选项1：手动浏览器登录（推荐）

If you prefer not to share credentials with Claude Code:
  1. Complete the Browser Automation Setup using CDP mode
  2. Login to the service manually in the Playwright-controlled Chrome window
  3. Claude will use your authenticated session without ever seeing your password
如果你不想与Claude Code共享凭证：
  1. 使用CDP模式完成浏览器自动化设置
  2. 在Playwright控制的Chrome窗口中手动登录服务
  3. Claude将使用你的已认证会话，全程不会获取你的密码

Option 2: Environment Variables

选项2：环境变量

If you're comfortable sharing credentials, you can store them locally:
bash
canifi-env set SERVICE_EMAIL "your-email"
canifi-env set SERVICE_PASSWORD "your-password"
Note: Credentials stored in canifi-env are only accessible locally on your machine and are never transmitted.
如果你愿意共享凭证，可以将其存储在本地：
bash
canifi-env set SERVICE_EMAIL "your-email"
canifi-env set SERVICE_PASSWORD "your-password"
注意：存储在canifi-env中的凭证仅能在你的本地机器上访问，绝不会被传输。

Capabilities

功能

  • View deployment status and history
  • Check site configurations
  • Monitor form submissions
  • View serverless function logs
  • Check identity (auth) users
  • Manage environment variables
  • 查看部署状态与历史记录
  • 检查站点配置
  • 监控表单提交
  • 查看无服务器函数日志
  • 检查身份（认证）用户
  • 管理环境变量

Usage Examples

使用示例

Example 1: Check Deploy Status

示例1：检查部署状态

User: "Did my Netlify deploy succeed?"
Claude: I'll check your deployment status.
- Opens app.netlify.com via Playwright MCP
- Logs into account
- Latest deploy (my-site):
  - Status: Published
  - Duration: 1m 23s
  - Branch: main
  - URL: my-site.netlify.app
- Deploy previews: 2 active
用户：“我的Netlify部署成功了吗？”
Claude：我将检查你的部署状态。
- 通过Playwright MCP打开app.netlify.com
- 登录账户
- 最新部署（my-site）：
  - 状态：已发布
  - 耗时：1分23秒
  - 分支：main
  - 网址：my-site.netlify.app
- 部署预览：2个活跃

Example 2: Check Form Submissions

示例2：检查表单提交

User: "Any new form submissions?"
Claude: I'll check your form data.
- Views Forms section
- Contact form submissions:
  - Today: 5 new submissions
  - This week: 23 total
  - Unread: 3
- Spam filtered: 12
- Form notifications: Enabled
用户：“有新的表单提交吗？”
Claude：我将检查你的表单数据。
- 查看表单板块
- 联系表单提交情况：
  - 今日：5条新提交
  - 本周：总计23条
  - 未读：3条
- 垃圾邮件过滤：12条
- 表单通知：已启用

Example 3: View Function Logs

示例3：查看函数日志

User: "Check my serverless function logs"
Claude: I'll view function activity.
- Views Functions tab
- Function invocations (24h):
  - api-handler: 1,234 calls
  - auth-verify: 567 calls
  - newsletter-signup: 89 calls
- Errors: 2 (0.1%)
- Avg duration: 145ms
用户：“检查我的无服务器函数日志”
Claude：我将查看函数活动情况。
- 查看函数标签页
- 函数调用次数（24小时内）：
  - api-handler：1234次调用
  - auth-verify：567次调用
  - newsletter-signup：89次调用
- 错误数：2次（0.1%）
- 平均耗时：145ms

Authentication Flow

认证流程

  1. Navigate to app.netlify.com via Playwright MCP
  2. Sign in with email or GitHub
  3. Enter password or OAuth
  4. Handle 2FA if enabled
  5. Maintain session for dashboard access
  1. 通过Playwright MCP导航至app.netlify.com
  2. 使用邮箱或GitHub登录
  3. 输入密码或完成OAuth认证
  4. 若启用则处理双因素认证
  5. 维持会话以访问仪表盘

Error Handling

错误处理

  • Login Failed: Try GitHub OAuth
  • Deploy Failed: Check build logs
  • Function Error: Check function logs
  • Session Expired: Re-authenticate
  • Form Limit: Note plan limits
  • Build Timeout: Check build minutes
  • 登录失败：尝试GitHub OAuth
  • 部署失败：检查构建日志
  • 函数错误：检查函数日志
  • 会话过期：重新认证
  • 表单限制：注意套餐限制
  • 构建超时：检查构建时长配额

Self-Improvement Instructions

自我改进说明

After each interaction:
  • Track deployment patterns
  • Note form usage
  • Log function monitoring
  • Document UI changes
Suggest updates when:
  • Netlify updates dashboard
  • New features added
  • Edge Functions expand
  • Analytics updated
每次交互后：
  • 追踪部署模式
  • 记录表单使用情况
  • 记录函数监控数据
  • 记录UI变更
在以下情况时建议更新：
  • Netlify更新仪表盘
  • 添加新功能
  • Edge Functions扩展
  • 分析功能更新

Notes

注意事项

  • Great for JAMstack sites
  • Built-in forms handling
  • Functions (serverless)
  • Identity for auth
  • Split testing available
  • Plugin ecosystem
  • Free tier generous
  • 适用于JAMstack站点
  • 内置表单处理功能
  • 支持无服务器Functions
  • 提供Identity认证功能
  • 支持A/B测试
  • 拥有插件生态系统
  • 免费套餐额度充足