Design & Media Agent Skills for Cursor

Configure Figma API access across dev, staging, and production environments.

Optimize Figma REST API performance with caching, partial fetches, and

Plan prototype interactions and flows for user testing in Figma.

Design a spacing and layout token system for a Figma design system.

Figma-to-Odoo design workflow and complete page template reference.

Use when the user wants to extract Figma designs into production-ready React or Next.js components with TypeScript, Tailwind CSS, and…

Apply Fitts's Law — target acquisition time depends on size and distance.

Team-management dashboard skill in the FlowAI aesthetic — three tabs (Team Members, Team Details, Activity Log), KPI stat row, member…

Apply Flowkit CSS naming system in Webflow.

Applies React/TypeScript-specific technical decision criteria, anti-pattern detection, debugging, and frontend quality gates.

Establishes standardized frontend architecture, security protocols, and testing requirements for production-ready React applications.

Builds production-quality, accessible, responsive user-facing UIs.

Designer-turned-developer who crafts stunning UI/UX even without design mockups

Expert skill for G2 legend development - provides comprehensive knowledge about legend rendering implementation, component architecture…

Generate and edit images using the Gemini API (Nano Banana).

Designing interfaces where AI generates UI components dynamically.

Generate and edit images using OpenAI's GPT Image 2 API.

Edit images with OpenAI GPT Image 2 (the `/edit` endpoint of ChatGPT Images 2.0) on RunComfy — bundled with the model's documented…

Best practices and domain knowledge for building videos programmatically with Remotion (videos in React/TypeScript, rendered to MP4).

Adapting Nielsen's heuristics and new AI-specific heuristics for AI interfaces.

Install, discover, and wire registry blocks and components into HyperFrames compositions.