Design & Media Agent Skills for OpenAI Agents SDK

Review implementation plans to ensure front-end requirements are fully planned

Create visually strong landing pages, websites, and app UIs with restrained composition.

Establishes actionable visual design systems and aesthetic direction from scratch for greenfield frontend projects.

Create distinctive, production-grade frontend interfaces with strong visual direction, polished typography, considered layout, and working…

Use when designing, building, auditing, or redesigning any user interface, or studying a design reference.

Produce implementation-ready UX and UI specifications: user flows, states, component briefs, design tokens, accessibility constraints, and…

Build production-grade desktop apps with native OS integration.

Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.

Enforces professional Vue 3 and TypeScript coding standards while preventing common AI-generated UI anti-patterns.

Framework-agnostic client-side performance architecture — route/component code splitting, list virtualization mechanics, hydration cost…

Generates zero-dependency, animation-rich HTML presentations with automatic viewport fitting and PowerPoint conversion capabilities.

A modern dark-themed React UI system using Tailwind CSS and Framer Motion.

Big-tech style (Stripe, Vercel, Apple) UI development.

Use when implementing, refactoring, or reviewing frontend UI across SwiftUI, React, React Native, Flutter, web, or mobile apps.

提供公司级前端 UI/UX 设计知识库，覆盖产品类型、视觉方向、设计 token、布局、 交互、可访问性、动效与交付检查。当前端任务需要统一设计语言或体验门禁时使用。

Automate Gamma tasks via Rube MCP (Composio).

Generate presentations, documents, and webpages via Gamma API.

Anti-slop frontend skill for landing pages, portfolios, and redesigns.

[Trigger] When PPT workflow needs SVG slide layout and aesthetic optimization via Gemini. [Output] Structured optimization suggestions…

Use this skill for generative video editing, text-to-video, image-referenced video generation, first-frame-to-video, first-and-last-frame…

Remove the visible Gemini AI watermark from images using reverse alpha blending.