Design & Media Agent Skills

Extract design tokens and variables from a Figma file to create or update a design system

Reverse-engineer design systems, tokens, and components from live products or screenshots

Extract TikZ diagrams from Beamer source, compile to PDF, convert to SVG with 0-based indexing.

Generate images and videos with Kling O3 — Kling's most powerful model family — via fal.ai.

Generate custom favicons from logos, text, or brand colors - prevents launching with CMS defaults.

Creates interactive HTML playgrounds — self-contained single-file explorers that let users configure something visually through controls…

Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component…

User correction, thumbs up/down, inline editing, and reinforcement signals.

Design confirmations, status updates, and notifications that tell users an action registered.

Generate or edit images via Google Gemini (nanobanana).

Editorial "Field Notes" report template with soft paper background, serif hero typography, rounded pastel insight cards, and a retention…

Connect Figma design components to code components using Code Connect so design-system updates flow into the codebase automatically.

Export images, icons, and assets from Figma files via the REST API.

Figma-to-code design handoff patterns including Figma Variables to design tokens pipeline, component spec extraction, Dev Mode inspection…

Runs a structured PM design review against product requirements.

Pull a Figma file's node tree, design tokens, and embedded assets into the project cwd as a structured snapshot.

Build or update screens in Figma from code or description using design system components.

Build or update a professional-grade design system library in Figma from a codebase.

REQUIRED reading before using figma_execute.

Extract Figma designs and generate production-ready React/Next.js components with TypeScript, Tailwind CSS, and pixel-perfect accuracy.

Run Figma Plugin API scripts for canvas writes, inspections, variables, and design-system work.