Design & Media Agent Skills for Microsoft Copilot

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

Elite Tier Web UI standards, including pixel-perfect retro aesthetics, immersive layouts, and UX psychology protocols.

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.

React, Next.js, TypeScript frontend patterns - component design, state management, performance

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

Full-stack frontend development combining premium UI design, cinematic animations, AI-generated media assets, persuasive copywriting, and…

Analyze and implement purposeful UI animations for Next.js + Tailwind + React projects.

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

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

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

This skill should be used when the user asks to design or review a UI, create a landing page or dashboard, choose colors or typography…

This skill enables visual inspection of websites running locally or remotely to identify and fix design issues.

Automate Gamma tasks via Rube MCP (Composio).

Generate presentations, documents, and webpages via Gamma API.

[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.

Generate Figma Code Connect mappings that link React components to their Figma counterparts.

Generate or edit images using AI models (FLUX, Gemini).

Generate an image from a text prompt using OpenAI's gpt-image-2 API and save it into the project.