GitHubAI Skills, Agents & MCP · Design skills
Interface design skill for AI agents that explores several distinct visual directions side by side, then refines the chosen one against real screenshots.
Why it’s a gem
Pushes agents past generic AI UI by forcing concrete, opinionated design decisions.
Agent skill for picking CJK typefaces: licence-tiered commercial-safe font list, scene-by-mood selection matrix, and CJK–Latin pairing rules.
Agent skill teaching motion design judgement — timing, easing, choreography and Disney's 12 principles adapted for UI — independent of any animation library.
Agent skill that encodes Material Design 3 decision rules — semantic tokens, component choice by behaviour, adaptive width classes, accessibility — with progressive-disclosure reference files.
Agent skill packaging 18 production CSS transitions plus commands to audit a project for hardcoded durations and swap them for motion tokens.
Claude Code skill plus runtime that takes a live UI component apart into paint layers, states and tokens, measured from the real DOM rather than redrawn.
Visual whiteboard that lets you annotate screenshots and feed the marked-up feedback straight back into the coding agent.