Design Tools Agent Skills

Lucidchart Hello World

Generates minimal working Lucidchart diagrams through API integration to bootstrap visual documentation.

Anima SDK Setup & Authentication

Installs the Anima SDK and configures Figma authentication for automated design-to-code generation.

Figma Common Error Fixer

Diagnoses and resolves Figma REST API and Plugin API errors using specialized troubleshooting patterns and diagnostic scripts.

Framer Performance Optimization

Optimizes Framer site performance and API efficiency through intelligent batching, caching, and rendering strategies.

Adobe SDK Design Patterns

Implement production-grade Adobe API integrations with standardized patterns for authentication, error handling, and job polling.

Generate Image

Generates and edits high-quality photorealistic images, artistic illustrations, and visual concept art using advanced AI models like FLUX and Gemini.

Ideogram AI Reference Architecture

Implements a production-ready architecture for Ideogram AI image generation featuring prompt templates, asset pipelines, and CDN-ready storage.

Canva API Best Practices & Pitfalls

Identifies and prevents common Canva Connect API anti-patterns and integration mistakes during code reviews and development.

Figma API Auth & Setup

Configures Figma REST API authentication using Personal Access Tokens or OAuth 2.0 for secure design integrations.

Figma Enterprise RBAC & API

Implements robust Role-Based Access Control and OAuth 2.0 flows for Figma Enterprise and Organization environments.

Figma Webhooks & Real-time Events

Implements and manages Figma Webhooks V2 for real-time design event tracking and workflow automation.

Canva Reference Architecture

Implements production-ready project layouts and architectural patterns for Canva Connect API integrations.

Figma API Integration Guardrails

Identifies and fixes common Figma API anti-patterns to improve performance, security, and integration reliability.

Figma API Advanced Troubleshooting

Diagnoses and resolves complex Figma REST API issues using deep network analysis, response validation, and rate limit measurement.

Lucidchart Diagram & Document Management

Automates the creation, modification, and export of Lucidchart diagrams and documents via the REST API.

Canva API Cost Optimizer

Optimizes Canva Connect API usage to reduce latency, manage rate limits, and control costs through efficient implementation patterns.

Anima Debug Bundle

Collects comprehensive diagnostic data and environment information to troubleshoot Anima SDK and Figma integration issues.

ARIA Attribute Helper

Simplifies the implementation of WAI-ARIA attributes to ensure web applications meet modern accessibility standards and inclusive design principles.

Figma Design Token Extractor

Extracts design tokens from Figma files and converts them into production-ready CSS variables, JSON, or Tailwind configurations.

Hooked UX Framework

Designs habit-forming product loops using the Hook Model to drive user engagement and long-term retention.

Framer Code Components & Overrides

Develops custom React components and reusable code overrides for Framer sites with integrated property controls and animations.

Anima Figma-to-Code Generation

Generate production-ready React, Vue, and HTML code from Figma designs using the Anima SDK.

Figma API Rate Limit Handler

Optimizes Figma REST API interactions by managing rate limits, implementing retries, and controlling request concurrency.

Figma Cost Optimizer

Optimizes Figma API integrations to minimize request volume and stay within plan-specific rate limits.

Figma SDK Patterns & API Client

Implements production-grade TypeScript patterns for interacting with the Figma REST API and Plugin API without official SDKs.

Figma Local Dev Loop

Automates the setup of high-velocity local development environments for Figma plugins and REST API integrations.

Figma API Quick Start

Automates the initial setup and connectivity testing for the Figma REST API to retrieve design file metadata and node structures.

Framer Reference Architecture

Implements production-grade architectural patterns and project structures for Framer integrations and CMS synchronization.

Canva API Advanced Troubleshooting

Diagnoses and resolves complex Canva Connect API issues including intermittent failures, export bottlenecks, and authentication errors.

Adobe API Rate Limiting

Automates Adobe API rate limiting and quota management to ensure robust integration with Firefly, PDF Services, and Photoshop APIs.