Agent skills for Microsoft Copilot

Modern UI design principles and guidelines for building clean, professional interfaces.

Transform feature briefs into structured design briefs that give designers the context they need before opening Figma.

Use when making design decisions, implementing HIG patterns, Liquid Glass, SF Symbols, typography, or structuring app entry points and…

Communicate design's contribution to business and user outcomes in stakeholder language.

Scaffolds React components from a Claude Design handoff bundle and stops at files on disk: no stories, no tests, no pull request.

Research and translate professional visual references into original, production-ready directions for posters, social graphics…

Design system bootstrapping and token generation.

Autonomous multi-page site builder using a baton-passing loop.

Use when the user explicitly asks for a standalone HTML page in a restrained minimal style, especially reading-first dashboards, briefs…

Advocate for design quality, scope, and timeline with partners and leadership using evidence and shared goals.

Apply foundational design principles: affordances, signifiers, constraints, feedback, and conceptual models.

Define actionable principles that resolve trade-offs when the team disagrees.

Internal prototype QA helper. Use only after a Product Design prototype, URL-to-code build, or image-to-code build has a source visual…

Use when building or redesigning a landing page, marketing site, or product UI, or when someone says a design looks generic, templated…

Use this plugin when the user wants to improve an existing OpenDesign artifact rather than create a new one.

Signal-only review flagging code that violates the team's design rules (exceptions gate, patterns, coding-style, active stack rules)…

One-shot pipeline turning a claude.ai/design link into a pull request: scaffold via /ork:design-import, stories and specs via /ork:cover…

Day 3 (Wednesday) move of a Design Sprint that runs the art museum layout, heat map, speed critique, straw poll, Decider supervote…

Pre-sprint diagnostic that determines whether a team should run a Design Sprint now, postpone it, or do prerequisite work first.

Day 2 (Tuesday) move of a Design Sprint that structures lightning demos and the four-step independent solution sketch protocol (Notes…

Guidelines on using Design System styles and components.