adobe-express-dev-skill

# Adobe Express Development Skill for AI Coding Assistants

**Expert guidance for Adobe Express add-on development** with MCP server integration, OAuth patterns, and comprehensive code samples catalog.

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
[![Agent Skills](https://img.shields.io/badge/Agent-Skills-purple)](https://agentskills.io)
[![Adobe Express](https://img.shields.io/badge/Adobe-Express-FF0000)](https://developer.adobe.com/express/add-ons/)

## What is This?

An **Agent Skill** for AI coding assistants that provides expert knowledge and tooling for developing Adobe Express add-ons. Works with **Cursor, GitHub Copilot, Windsurf, Claude Code, Continue.dev, Google Antigravity**, and any MCP-compatible IDE.

When you're working on Adobe Express projects, this skill automatically activates to help you with:

- 📚 Accessing latest Adobe Express API documentation via MCP server
- 🔐 Implementing OAuth 2.0 authentication (PKCE flow)
- 🎨 Building UIs with Spectrum Web Components
- 📦 Understanding project structure and architecture
- 💾 Data persistence and storage patterns
- 🖼️ Document manipulation (shapes, text, images, audio, video)
- 🔄 Communication between iframe runtime and document sandbox
- 🛠️ Troubleshooting common issues

## Features

✅ **MCP Server Integration** - Uses Adobe Express MCP server for up-to-date documentation  
✅ **OAuth 2.0 Guide** - Complete PKCE implementation with 4 cloud providers  
✅ **13 Code Samples Catalog** - Official Adobe samples with detailed descriptions  
✅ **OAuthUtils.js Reference** - Reusable OAuth helper module  
✅ **8 Step-by-Step Workflows** - Common development tasks  
✅ **Production Patterns** - Real-world implementation examples  
✅ **Best Practices** - Security, performance, and UX guidelines  

## Installation

### 1. Clone this repository to your skills directory

**For Cursor / Windsurf / Continue.dev:**
```bash
cd ~/.continue/skills/  # or ~/.wi