Design & Media Agent Skills for Creative Production

Implement a selected image, screenshot, mockup, or Image Gen reference as a faithful, responsive frontend.

Video-to-GIF conversion with FFmpeg two-pass optimization

Generate Power BI report visual design guidance before PBIR files are written. Use when the user wants to: (1) choose tone, signature, page archetypes, chart ty

Windows 11 design rules for Reactor — theme tokens, High Contrast, typography (Heading/SubHeading/Caption), 4px grid, acrylic surfaces, accessibility, animation

Creates the Tamagui brand system for an Expo/React Native Power Apps mobile app, including design-system.md, tokens.ts, and an HTML gallery.

Use when designing, reviewing, or fixing WinUI 3: layout planning, control choice, Fluent Design alignment, Light/Dark/High Contrast theming, typography, spacin

Use this skill when the user asks to design/build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

This skill enables visual inspection of websites running locally or remotely to identify and fix design issues. Triggers on requests like "review website design

Generate a brand-aligned design guide for a new code app instead of using the default template styling. Use when: the user wants to start a new app with their o

Guide for designing and documenting RESTful APIs. Use when asked to design an API, create endpoints, or document an API.

Route OpenClaw design work to canonical brand, Carapace product-interface, marketing-page, or design-audit guidance. Use when a task touches OpenClaw visual ide

The Architect skill — designs Microsoft Fabric architectures and produces the FINAL architecture handoff. Use when user says "design architecture", "which task

Audit OpenClaw frontend code and rendered interfaces for Carapace drift, token misuse, primitive reimplementation, accessibility problems, responsive defects, a

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts,

How to create base image packages that bundle a VM image built from a Dockerfile. Use when creating a new distro base like quicksand-ubuntu or quicksand-alpine,

How to create overlay image packages that layer on top of base images. Use when creating a new overlay package like quicksand-agent, scaffolding an overlay, or

Analyze images using LLM vision APIs (Anthropic Claude, OpenAI GPT-4, Google Gemini, Azure OpenAI). Use when a task requires understanding image content, descri

Use when building or modifying the app layout, creating UI components, or making any visual design decisions. Ensures consistency, accessibility, and a polished

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts,

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts,

서로 완전히 다른 20가지 디자인 스타일로 발표 덱을 만드는 Copilot Cowork 스킬. 사용자가 'design 03으로 발표 덱 만들어줘', 'Glass Panels 스타일로'처럼 디자인을 지정하면 해당 design 파일을 읽어 그 팔레트·폰트·모티프·레이아웃을 타이틀(표지)부터

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts,

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts,

Apply Fabric design tokens, spacing, typography, and Segoe UI font conventions when adjusting layout or chrome of the Org App template. Use when the user asks t

Give a structured product design critique — user job clarity, hierarchy, affordance, error states, accessibility, and consistency — focused on what to change, i

Paperclip UI design system guide for building consistent, reusable frontend components. Use when creating new UI components, modifying existing ones, adding pag

Domain-Driven Design as a lens for system architecture — bounded contexts, aggregates, ubiquitous language, context mapping, domain events, and strategic vs tac

The Unix/Linux design philosophy as a lens for system design — mechanism vs policy, composability, small tools, text streams, convention over configuration, and

Object-oriented design principles as a lens for system architecture — SOLID, composition over inheritance, the actor model, design patterns (and when they're wr

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making ch

Use when the /systems-design-review mode is active. 7-step design review methodology -- understand the design, classify the system, evaluate against codebase, a