Skill UI

An expert guide for creating comprehensive, implementation-ready design system documentation. This skill generates structured guidelines covering design tokens, typography, spacing, component anatomy, interaction states, and WCAG accessibility criteria, ensuring consistency and quality for developers and designers.

This expert skill guides the creation of comprehensive, highly structured, and implementation-ready design system guidelines based on Material Design principles. It ensures consistency across visual style, accessibility (WCAG 2.2 AA), and component behavior. The output is actionable documentation covering tokens, states, variants, and anti-patterns, suitable for guiding both engineers and designers.

An expert skill designed to author comprehensive, implementation-ready design system guidelines for editorial content like books, magazines, and reports. It structures visual language across tokens, typography, spacing, and component states, while rigorously adhering to WCAG accessibility standards and defining clear content tone and anti-patterns for developers and designers.

A detailed technical workflow for inspecting complex 3D animation, rigging, and motion states within Blender. This skill moves beyond visual inspection by extracting structured data—such as bone transformations, world-space bounding boxes, ground contacts, and axis conventions—to accurately diagnose issues like foot sliding, rotation errors, or retargeting mismatches in professional animation pipelines.

A comprehensive skill for capturing and documenting web application and graphical UI states during the development cycle. It supports full-page captures using Playwright, reliable post-processing cropping with PIL, capturing interactive states (hovers, selections), and even handles non-web desktop applications using mss/ctypes.