Agent Skills catalog — page 48

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

Generate project-specific design system rules for Figma-to-code workflows. Useful for capturing tokens, naming, and lint rules in one source.

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. Translate app pages into Figma using design tokens.

Translate Figma designs into production-ready code with 1:1 visual fidelity. Useful for handing off Figma frames straight to a frontend agent.

Implement animated effects, transitions, and motion in Flutter apps. Useful for native iOS/Android motion design.

Create visually strong landing pages, websites, and app UIs with restrained composition. OpenAI's production frontend playbook.

Generate animation-rich HTML presentations with visual style previews. Useful for online keynotes, embedded talks, and interactive briefs.

Generate and edit images using OpenAI's Image API for project assets — UI mockups, icons, illustrations, social cards, and visual references.

Generate images using Google Gemini's image generation API for UI mockups, icons, illustrations, and visual assets.

Apply psychological principles and behavioral science to copy and design. Useful for tightening hooks, framing, and pricing presentation.

Generate, fill, and reformat PDFs with a token-based design system and 15 cover styles. Useful for branded PDFs, e-guides, and reports.

Design and optimize upgrade screens, paywalls, and upsell modals. Useful for SaaS conversion design and pricing-page experiments.

Extract text, create PDFs, and handle forms. Useful for press releases, branded one-pagers, and printable design deliverables.

Generate and edit images and videos with an 85+ API portfolio and build visually appealing website pages via Pixelbin.

Senior Designer review: rates each design dimension 0-10, explains what a 10 looks like, and flags AI Slop signals. Useful as a gate before merging UI work.

Read, generate, and adjust PowerPoint slides, layouts, and templates. Useful for executive decks, training material, and product reviews.

Create and edit PowerPoint presentations from scratch with PptxGenJS — MiniMax's production-tested deck pipeline.

Capture desktop, app windows, or pixel regions across OS platforms. Useful for marketing screenshots, design reviews, and bug reports.

Generate marketing screenshots with Playwright. Useful for landing-page hero shots, App Store screenshots, and changelog visuals.

Build UI components with shadcn/ui. Pairs with the Stitch design loop to ship structured, accessible components quickly.

Create animated GIFs optimized for Slack with validators for size constraints and composable animation primitives.

Create and edit .pptx presentation decks with PptxGenJS. Useful for sales decks, kickoff briefs, and design-system showcases.

Generate, remix, and manage short video clips via OpenAI's Sora API. Useful for cinematic shots, b-roll, and rapid concept video iteration.