Back to Details

adobe-photoshop-web

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

Adobe Photoshop Web Skill

Adobe Photoshop Web 技能

Overview

概述

Enables Claude to use Adobe Photoshop's web version for image editing tasks including AI-powered features like Generative Fill, background removal, and standard photo editing operations.
让Claude能够使用Adobe Photoshop的网页版执行图片编辑任务，包括Generative Fill、背景移除等AI驱动功能，以及标准的照片编辑操作。

Quick Install

快速安装

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

Setup

设置

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

First, ensure canifi-env is installed:

First, ensure canifi-env is installed:

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

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

canifi-env set ADOBE_EMAIL "your-email@example.com" canifi-env set ADOBE_PASSWORD "your-password"
undefined
canifi-env set ADOBE_EMAIL "your-email@example.com" canifi-env set ADOBE_PASSWORD "your-password"
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

功能特性

  • Open and edit images in browser
  • Use Generative Fill AI features
  • Remove and replace backgrounds
  • Apply filters and adjustments
  • Export in various formats
  • Sync with Creative Cloud
  • 在浏览器中打开并编辑图片
  • 使用Generative Fill AI功能
  • 移除并替换背景
  • 应用滤镜和调整效果
  • 以多种格式导出
  • 与Creative Cloud同步

Usage Examples

使用示例

Example 1: Remove Background

示例1：移除背景

User: "Remove the background from my product photo"
Claude: I'll remove the background.
1. Opening Photoshop web via Playwright MCP
2. Uploading your product image
3. Using AI background removal
4. Refining edges if needed
5. Exporting as transparent PNG
用户：“移除我的产品照片的背景”
Claude：我将为你移除背景。
1. 通过Playwright MCP打开网页版Photoshop
2. 上传你的产品图片
3. 使用AI背景移除功能
4. 如有需要，优化边缘
5. 导出为透明PNG格式

Example 2: Generative Fill

示例2：生成式填充

User: "Extend my landscape photo to make it wider"
Claude: I'll extend your image.
1. Opening the landscape in Photoshop web
2. Expanding canvas to desired width
3. Using Generative Fill on new areas
4. Prompting for matching landscape
5. Blending results naturally
用户：“扩展我的风景照片，使其更宽”
Claude：我将为你扩展图片。
1. 在网页版Photoshop中打开风景照片
2. 将画布扩展至所需宽度
3. 在新区域使用Generative Fill
4. 输入匹配风景的提示词
5. 自然融合结果

Example 3: Apply Adjustments

示例3：应用调整效果

User: "Enhance the colors and lighting in my portrait"
Claude: I'll enhance your portrait.
1. Opening the portrait image
2. Applying auto-enhance adjustments
3. Fine-tuning exposure and color
4. Saving enhanced version
用户：“增强我的肖像照片的色彩和光线”
Claude：我将为你优化肖像。
1. 打开肖像图片
2. 应用自动优化调整
3. 微调曝光和色彩
4. 保存优化后的版本

Authentication Flow

认证流程

  1. Navigate to photoshop.adobe.com via Playwright MCP
  2. Sign in with Adobe ID
  3. Enter email and password
  4. Handle 2FA if enabled (via iMessage)
  5. Wait for web app to fully load
  1. 通过Playwright MCP导航至photoshop.adobe.com
  2. 使用Adobe ID登录
  3. 输入邮箱和密码
  4. 若启用了二次验证，通过iMessage处理
  5. 等待网页应用完全加载

Error Handling

错误处理

  • Login Failed: Retry up to 3 times, notify via iMessage
  • Session Expired: Re-authenticate with Adobe ID
  • Rate Limited: Implement backoff strategy
  • 2FA Required: Send iMessage notification
  • Processing Failed: Retry operation or simplify
  • File Too Large: Suggest resize or compression
  • 登录失败：最多重试3次，通过iMessage通知
  • 会话过期：使用Adobe ID重新认证
  • 速率限制：实现退避策略
  • 需要二次验证：发送iMessage通知
  • 处理失败：重试操作或简化流程
  • 文件过大：建议调整大小或压缩

Self-Improvement Instructions

自我改进说明

When Photoshop web updates:
  1. Document new AI features and tools
  2. Update workflow for new capabilities
  3. Track interface changes
  4. Log performance improvements
当网页版Photoshop更新时：
  1. 记录新的AI功能和工具
  2. 更新针对新功能的工作流程
  3. 跟踪界面变化
  4. 记录性能改进

Notes

注意事项

  • Requires Creative Cloud subscription
  • Web version has fewer features than desktop
  • Large files may be slower to process
  • Generative AI features use credits
  • Syncs with Creative Cloud storage
  • 需要Creative Cloud订阅
  • 网页版的功能少于桌面版
  • 大文件处理速度可能较慢
  • 生成式AI功能需要消耗额度
  • 与Creative Cloud存储同步