Design & Media Agent Skills for Microsoft Copilot

This skill should be used when the user asks to "create a character sheet", "build a character reference", "design a consistent…

Crafts high-precision prompts and generates images across Gemini, OpenAI gpt-image-2.5, Midjourney, and Stable Diffusion.

Extracts precise visual proportions, defines reusable style systems, and compiles verified image generation prompts across AI models.

Apply the Aist / WorkAist brand and design system to any output — UI code, landing pages, product screens, investor decks, slides, social…

Form handling with react-hook-form. Use when creating forms, handling user input, implementing validation, or building contact/submission…

Transforms music album artwork into customized conceptual floral bouquet designs and editable HTML templates.

Investment-banking pitch book for strategic alternatives — trading comps, precedent transactions, valuation football field, DCF…

An editorial-style poster — newsprint paper, dateline, oversized serif headline with a struck-through word and italic accent, a 2-column…

Professional trading analysis dashboard template (single-file HTML) with light/dark theme switch, dense market panels, chart interactions…

Short-form video generation skill — 3-10 second clips for product reveals, motion teasers, ambient loops.

Redesign and implement complete, polished websites in an existing or greenfield codebase.

Add a restrained particle atmosphere inside one section with configurable shapes, density, gravity, wind, sway, rotation, recycling or…

Use to design how a person moves — the primary flow with its drop-off points, information architecture, navigation model, forms, and all…

Create an eight-piece animated sticker pack workflow from a reference character or an existing 4×2 board: prepare the identity-consistent…

Author, review, or batch-produce SVG icon hover gestures and icon↔icon morphs (Hugeicons/Lucide/Phosphor).

Create an on-scroll animation trigger using IntersectionObserver with Tailwind-friendly animation classes and keyframes.

Reverse-engineer any motion reference (a video from X/Twitter, Dribbble, a screen recording, a GIF) into production animation code through…

Creates or continues an editable Figma annotation composition around a clean showcase screenshot, hands it to a person for visual…

Creates or continues an editable annotation composition in a local pen.dev `.pen` file through Pencil MCP tools, hands it to a person for…

Structured, enterprise-focused design system emphasizing clarity, consistency, and efficiency for data-dense web applications.

Applies official Anthropic brand colors, typography, and visual styling standards to documents, presentations, and design artifacts.