Design & Media Agent Skills for Microsoft Copilot

Build, modify, review, migrate, and debug Tailwind CSS v3 and v4 projects.

Create a clean modern design system with a luminous blue sky atmosphere, soft drifting cloud light, minimal white framing, and serene…

Create a clean dark glass layout system with a thin blue laser atmosphere, frosted premium shells, and polished dashboard structure.

Turn one source image into a finished 3:4 Minimal Blue Poster with semantic style selection, a default full-design composition, an…

When the user wants to create, generate, edit, or optimize images for marketing — blog heroes, social graphics, product mockups, profile…

Expert children's book illustrator guide with 2024-2025 best practices, focusing on age-appropriate styles, color theory, character…

Create an archival book-reader design system with serif-led pages, mono index navigation, aged paper surfaces, margin notes, and a premium…

Apply subtle gradient-border treatments for premium web surfaces.

Use when user says "create presentation", "make slides", "make carousel", "LinkedIn carousel", "create HTML page", "make landing page"…

Guides creation, revision, and review of Warp- or Oz-branded assets.

Create a bright-green technical design system with structured split layouts, hard-framed dark surfaces, mono utility labels, and a…

Build, extract, and maintain design systems - tokens with roles, typographic scale, spacing scale, color, radius, shadow, dark mode, and…

Raw, anti-design aesthetic inspired by concrete architecture with unadorned elements, jarring layouts, and functional minimalism.

Build a web page using the kunchenguid design system.

Art-direct and implement distinctive, motion-rich marketing, editorial, portfolio, and landing websites with original reference-inspired…

Turn a completed daily UI inspiration capture into exactly five original landing-page builds, one per separate Codex task, using Sites.

Build rich, scroll-controlled real-time Three.js experiences as one persistent 3D world whose camera, lighting, atmosphere, materials…

How to build Mastra frontend interfaces with the @mastra/playground-ui design system.

Guide for adding a product setup empty state — the skippable first-run screen a product scene shows until real data arrives, built on the…

Cozy cafe-inspired interface with warm tones, soft typography, and clean layouts for a relaxed browsing experience.

Use when users need visual direction, interface hierarchy, layout decisions, design specifications, or prototypes before implementing a…