X threadAI Skills, Agents & MCP · Design skills
Agent skill that opens your running local app as live iframe screens on a design canvas, so you can compare routes and push visual edits back through your coding agent.
Why it’s a gem
Figma-style canvas over your real routes, not a static mockup, and it works with any agent.
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.
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.