Back to Details

invision

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

InVision Skill

InVision Skill

Overview

概述

Enables Claude to use InVision for design collaboration including viewing and managing prototypes, accessing Freehand boards, organizing design projects, and reviewing stakeholder feedback.
让Claude能够使用InVision进行设计协作，包括查看和管理原型、访问Freehand画板、整理设计项目以及查看相关反馈。

Quick Install

快速安装

bash
curl -sSL https://canifi.com/skills/invision/install.sh | bash
Or manually:
bash
cp -r skills/invision ~/.canifi/skills/
bash
curl -sSL https://canifi.com/skills/invision/install.sh | bash
或者手动安装：
bash
cp -r skills/invision ~/.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 INVISION_EMAIL "your-email@example.com" canifi-env set INVISION_PASSWORD "your-password"
undefined
canifi-env set INVISION_EMAIL "your-email@example.com" canifi-env set INVISION_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

功能

  • View and navigate prototypes
  • Access Freehand whiteboard boards
  • Manage design projects and spaces
  • Review comments and feedback
  • Export prototype screens
  • Track project activity
  • 查看和浏览原型
  • 访问Freehand白板
  • 管理设计项目与空间
  • 查看评论与反馈
  • 导出原型界面
  • 追踪项目活动

Usage Examples

使用示例

Example 1: View Prototype Feedback

示例1：查看原型反馈

User: "Show me all comments on the mobile app prototype"
Claude: I'll gather the prototype feedback.
1. Opening InVision via Playwright MCP
2. Navigating to the mobile app prototype
3. Collecting all screen comments
4. Organizing feedback by screen
5. Summarizing key themes
用户："展示移动应用原型上的所有评论"
Claude：我将收集原型反馈。
1. 通过Playwright MCP打开InVision
2. 导航至移动应用原型
3. 收集所有界面的评论
4. 按界面整理反馈
5. 总结关键主题

Example 2: Check Project Status

示例2：检查项目状态

User: "What's the latest activity on the website redesign project?"
Claude: I'll check project activity.
1. Opening the website redesign space
2. Viewing activity feed
3. Checking recent updates and comments
4. Summarizing latest changes
用户："网站重设计项目的最新活动有哪些？"
Claude：我将检查项目活动。
1. 打开网站重设计空间
2. 查看活动动态
3. 检查最近的更新与评论
4. 总结最新变更

Example 3: Export Screens

示例3：导出界面

User: "Download all screens from the onboarding prototype"
Claude: I'll export the prototype screens.
1. Opening the onboarding prototype
2. Accessing screen list
3. Exporting all screens as images
4. Downloading to your folder
用户："下载新用户引导原型的所有界面"
Claude：我将导出原型界面。
1. 打开新用户引导原型
2. 访问界面列表
3. 将所有界面导出为图片
4. 下载至你的文件夹

Authentication Flow

认证流程

  1. Navigate to invisionapp.com via Playwright MCP
  2. Click "Sign In" and enter email
  3. Enter password
  4. Handle SSO if configured
  5. Complete 2FA if required (via iMessage)
  1. 通过Playwright MCP导航至invisionapp.com
  2. 点击“Sign In”并输入邮箱
  3. 输入密码
  4. 如果配置了SSO则进行处理
  5. 如果需要则完成2FA验证（通过iMessage）

Error Handling

错误处理

  • Login Failed: Retry up to 3 times, notify via iMessage
  • Session Expired: Re-authenticate automatically
  • Rate Limited: Implement exponential backoff
  • 2FA Required: Send iMessage notification
  • Prototype Not Found: Search spaces or verify link
  • Export Failed: Retry or check permissions
  • 登录失败：最多重试3次，通过iMessage通知
  • 会话过期：自动重新认证
  • 速率限制：实现指数退避机制
  • 需要2FA：发送iMessage通知
  • 未找到原型：搜索空间或验证链接
  • 导出失败：重试或检查权限

Self-Improvement Instructions

自我更新说明

When InVision updates:
  1. Document new collaboration features
  2. Update Freehand board interactions
  3. Track prototype viewer changes
  4. Log export and sharing updates
当InVision更新时：
  1. 记录新的协作功能
  2. 更新Freehand画板交互逻辑
  3. 追踪原型查看器的变更
  4. 记录导出与共享功能的更新

Notes

注意事项

  • InVision is transitioning to Freehand focus
  • Some legacy features being deprecated
  • Studio files require desktop app
  • Prototype hotspots define interactions
  • Comments support @mentions
  • InVision正转向以Freehand为核心
  • 部分旧版功能即将被弃用
  • Studio文件需要使用桌面应用打开
  • 原型热点定义交互逻辑
  • 评论支持@提及功能