Skill UI

Automate Miro board management via the Rube MCP toolkit, covering board discovery, item creation, sharing, and connectors with schema-aware tool calls.

This skill serves as an expert design-system guideline author, providing comprehensive, implementation-ready guidance for the Bento grid layout. It defines design tokens (color, spacing, typography), component anatomy, state management, and strict accessibility standards (WCAG 2.2 AA). Use this to create highly structured, scalable, and consistent UI/UX documentation for engineers and designers.

A comprehensive guide for authoring high-quality, implementation-ready design systems. It covers foundational elements like color, typography, and spacing, alongside detailed rules for component anatomy, state management, and WCAG 2.2 AA accessibility, ensuring consistency and sophistication.

Manages the entire lifecycle of design systems within the Stitch platform. This powerful skill allows users to retrieve project assets, synthesize design tokens (DESIGN.md) from existing screens or descriptions, create/update the system in Stitch, and finally apply these tokens consistently across multiple screens to ensure a unified and scalable brand language.

Automate Figma file inspection, component extraction, design token export, image rendering, and comment/version management through Rube MCP and Composio.

This skill covers core game art principles including visual style selection, asset pipeline management, and animation workflows. It guides decisions on art styles (pixel, 3D, flat), color theory, resolution scaling, and asset organization to ensure art serves gameplay effectively.

Guidance for selecting and using Apple Human Interface Guidelines (HIG) selection and input controls, including toggles, segmented controls, sliders, pickers, steppers, text fields, combo boxes, token fields, gauges, and rating indicators. Helps developers choose the right control for their data type, understand state management, validation, and accessibility.

Create branded, print-ready art QR codes that always scan using QRX. Ideal for links needing an artistic, eye-catching QR code for print, packaging, signs, slides, or event badges. Includes style listing, generation, polling, destination changing, and account management via MCP tools or REST API.