GitHubAI Skills, Agents & MCP · Design skills
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.
Why it’s a gem
Exploded-view teardown of any component, with no hand-typed numbers or guessed values.
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.
Interface design skill for AI agents that explores several distinct visual directions side by side, then refines the chosen one against real screenshots.
Visual whiteboard that lets you annotate screenshots and feed the marked-up feedback straight back into the coding agent.