Skill UI

Enforces mobile-first, touch-first decisions by requiring feasibility checks, mandatory readings, and anti-pattern bans before any UI work to prevent desktop or AI-default assumptions.

Generate professional, master-level designs in the unique Mondo aesthetic. This skill is perfect for creating stunning posters, book covers, album art, and event promotion materials for various platforms (e.g., 9:16, 1:1, 21:9). It removes the need for graphic design expertise by automatically optimizing prompts, simulating limited color palettes (screen print), and applying advanced compositional techniques like negative space storytelling and dramatic scale contrast.

Runs a comprehensive, systematic QA check on Figma designs to ensure they are production-ready before handing off to engineering. The checklist rigorously evaluates file hygiene, component consistency, accessibility (WCAG AA), content completeness, and overall readiness across multiple platforms (iOS/Android/Web). Use this skill when needing to validate a design’s quality and structure to prevent costly development rework.

This skill guides the planning and structuring of Figma prototypes specifically for usability testing and user research. It helps define the precise scope (in/out scope), specifies every interaction detail (trigger, elements, animations), builds comprehensive flow diagrams, and generates detailed test task scripts. It ensures the prototype is the minimum viable version needed to answer the research questions, preventing scope creep and over-engineering.

This skill provides a comprehensive blueprint for designing digital products within Figma. It systematically maps out entire user journeys, including happy paths, loading states, error conditions, empty states, and edge cases. By defining the complete flow and suggested file structure beforehand, it prevents scope creep and ensures designers account for every necessary screen variant before starting the actual design work.

This skill systematically defines all necessary variants, states, and properties for a Figma component before development. It ensures comprehensive coverage of all states (e.g., Hover, Disabled, Loading) and properties (e.g., Size, Type), generating a robust variant matrix that prevents critical design gaps and streamlines the entire component building process in Figma.

This guide addresses inclusive design, which goes beyond WCAG compliance. It focuses on respecting the full spectrum of human diversity and real-world constraints, including low bandwidth, non-standard names, cultural differences, and low digital confidence. Use this when designing for global audiences or resource-constrained users to prevent exclusionary assumptions.

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.

A comprehensive audit guide for the final pre-upload submission of UIST (User Interface Software and Technology) conference papers. This document details critical steps, including adhering to strict formatting rules (e.g., two-column layout, page limits), managing the abstract and paper deadlines, and executing thorough anonymity sweeps to prevent desk rejection. Essential reading for authors preparing for major academic conferences.

Engine-neutral game audio practice: routing through buses, gains in dB, sidechain ducking, adaptive music by layering/segment switching, SFX variation, beat-synced events. Use when balancing sound, making music react to gameplay, or reducing repetitive effects. Works with Godot, Unity, FMOD/Wwise.

A writing skill inspired by Dangnian Mingyue, author of 'Those Stories of the Ming Dynasty'. It teaches how to make history engaging and accessible using humor, modern language, psychological insight into historical figures, and vivid power-struggle narratives. Ideal for writers, educators, and content creators who want to humanize historical events and bring the past to life for general audiences.

A content creation framework inspired by Chinese AI media creator Kazik (数字生命卡兹克). Covers data-driven storytelling, emotional pacing, self-deprecating humor, AI product reviews, and scalable workflows for producing impactful AI tech articles, videos, and event coverage.