Agent skills for Microsoft Copilot

Build or update a professional-grade design system in Figma from a codebase.

Extract a complete design system from an existing website or screenshot into a DESIGN.md file.

Build scalable design systems with design tokens, theming infrastructure, and component architecture patterns.

Use this skill when creating or evolving design systems for applications.

Structures a Flutter design system as tokens→theme→modifiers→shapes with two-tier tokens (primitives named by measured value, semantic…

Design token management with the W3C Design Token spec, three-tier hierarchy (global/alias/component), OKLCH color, Style Dictionary…

Bold aesthetic direction guidance for web design.

This skill should be used when the user is designing VPC or virtual network topology, planning subnet tiers, configuring NAT gateways…

Mockup-to-component pipeline using Google Stitch, 21st.dev, and Storybook MCP.

View, add, or modify design tokens in the StyleSeed design system

Transform design tokens across multiple formats and platforms.

Use when the user asks for design tokens, DTCG tokens, theme systems, color/typography/spacing/radius/elevation/motion tokens, translating…

Run an autonomous, codebase-grounded, evidence-gated adversarial review of a plan, PRD, technical design, ADR, API contract, migration…

Gate 1.5/2.5: Design Validation - verifies UX specifications are complete before proceeding to technical architecture.

Generates distinct, substantive UI/UX design variations across layout, hierarchy, and interaction models for side-by-side comparison.

Design Viv systems from a premise. Use when the user wants to plan out a storyworld, entity schema, action families, adapter architecture…

Generate a premium mockup website for a prospect using the buildinamsterdam.com template style.

Design, critique, or refine product interfaces as coherent systems.

Interactive design wizard that guides through a complete frontend design process with discovery, aesthetic selection, and code generation.

Anti-AI-generic design guidelines. Use when creating UI prototypes, reviewing designs for generic AI patterns, or setting up a project…

Expert in User-Centered Design (UCD), user journey mapping, and design reviews.