Skill UI

A comprehensive collection of agent skills for rigorously auditing digital interfaces and user flows. It evaluates designs against 168 research-backed UX/UI principles, detects common design antipatterns, and provides specialized review for AI-powered interfaces, ensuring adherence to modern best practices.

This skill allows users to build and maintain complex UI components and full screens directly within Figma using the Figma MCP. It rigorously enforces a defined design system (like Rayna UI) by validating design tokens, applying craft rules, detecting anti-patterns, and ensuring visual consistency. Ideal for creating new components, composing entire dashboards or landing pages, or auditing existing files for compliance.

This skill guides the user to become an expert in authoring comprehensive, implementation-ready design system guidelines for an immersive, exhibit-style brand. It teaches how to structure rules covering design tokens, component anatomy, interaction states, accessibility requirements (WCAG 2.2 AA), and anti-patterns, ensuring consistency across all digital products.

This skill establishes an expert persona and comprehensive workflow for generating high-quality, implementation-ready design system guidelines. It mandates adherence to a specific "Sketch" hand-drawn aesthetic, defines foundational tokens (color, typography, spacing), and enforces best practices regarding accessibility (WCAG 2.2 AA) and structured documentation (e.g., anti-patterns, QA checklists).

Hallmark is a specialized design skill engineered for AI coding assistants. It enforces deep structural variety and aesthetic sophistication, ensuring generated UIs look professionally 'made' rather than generically templated. Users can invoke Hallmark to build new pages (default), audit existing designs for anti-patterns, redesign components while preserving intent, or extract the 'DNA' (structure, archetypes, color) from existing URLs or screenshots for reference.

This skill prevents AI coding agents from generating generic interfaces by leveraging over 800,000 real web and iOS screens. It helps define design contracts, cover required states, and enforce quality gates during design, implementation, or review. Compatible with agents like Cursor, Copilot, and Claude Code, it ensures product-specific UIs grounded in actual user experience rather than hallucinated patterns.

Transforms generic AI-generated frontend prototypes into bespoke, production-ready interfaces using curated design tokens, banned anti-patterns, and quality gates.

A comprehensive mobile design skill enforcing mobile-first, touch-first, platform-respectful principles. It includes a feasibility risk index, mandatory thinking before work, reference reading requirements, and hard bans on performance, UX, and security anti-patterns. Ideal for designing or building mobile apps with optimal user experience and performance.

This skill allows users to build and maintain complex UI components and full screens directly within Figma using the Figma MCP. It rigorously enforces a defined design system (like Rayna UI) by validating design tokens, applying craft rules, detecting anti-patterns, and ensuring visual consistency. Ideal for creating new components, composing entire dashboards or landing pages, or auditing existing files for compliance.

A comprehensive collection of agent skills for rigorously auditing digital interfaces and user flows. It evaluates designs against 168 research-backed UX/UI principles, detects common design antipatterns, and provides specialized review for AI-powered interfaces, ensuring adherence to modern best practices.

This skill covers essential game art principles including visual style selection, asset pipeline management, and animation workflows. It guides artists on choosing appropriate art styles, organizing assets effectively, applying color theory, and adhering to animation fundamentals. The content emphasizes that art must serve gameplay, providing decision trees and anti-patterns to avoid common mistakes in production.