Skill UI

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.

Covers core principles for mobile game development, including touch input handling, battery and thermal optimization, and performance targets. Provides guidance on iOS and Android app store requirements, monetization models, and common anti-patterns to ensure a smooth user experience on constrained mobile platforms.

Design first-use and onboarding experiences that create early wins, reduce setup friction, build ownership, and form lasting habits through stable cues. Ideal for products facing early user drop-off, long time-to-value, or needing to establish confidence and momentum in the first session.

Provides comprehensive architectural guidelines and code patterns for developing high-end, immersive 3D web experiences. This skill covers advanced topics such as custom WebGL shaders, post-processing effects (Bloom, Depth of Field), realistic physics interactions, and crucial performance optimization techniques, ensuring a premium, polished user experience across devices.

This comprehensive guide outlines world-class product design principles, mimicking Apple's standard. It covers building robust design systems, defining essential design tokens (color, typography, spacing, motion), structuring UI components (atoms to organisms), optimizing UX flows, and designing engaging onboarding experiences. Ideal for product designers and PMs needing to establish a cohesive, scalable visual language and improve overall user experience.

Modern React UI patterns for loading states, error handling, and data fetching. Use when building UI components, handling async data, or managing UI states to ensure optimal user experience and application stability.

This skill covers core SEO principles like E-E-A-T, Core Web Vitals, and technical foundations. It explains how search engines evaluate content quality, page experience, and trustworthiness. It guides users on creating sustainable search visibility through high-quality content, proper technical setup, and ethical AI usage, rather than relying on shortcuts.

Expert in building Telegram bots that solve real problems - from simple automation to complex AI-powered bots. Covers bot architecture, the Telegram Bot API, user experience, monetization strategies, and scaling bots to thousands of users.

Expert in building Telegram Mini Apps (TWA) - web apps that run inside Telegram with native-like experience. Covers TON ecosystem, Telegram Web App API, payments, user authentication, and viral monetization.

This skill enables user interaction within Three.js scenes, covering raycasting, camera controls, and input handling. It is essential for implementing click detection, touch support, and object selection in 3D web applications. Use it to transform passive renders into interactive experiences.

A comprehensive guide for implementing Typography First Design across web and mobile applications. This style emphasizes using type as the primary visual element, minimizing decorative UI elements (chroming) to create a highly focused, high-impact, and sophisticated user experience. Includes specific implementation details for CSS, SwiftUI, Flutter, and React Native.

This skill enables you to create interface designs, wireframes, and comprehensive design systems. It covers user research methodologies, accessibility standards like WCAG, and modern design tools such as Figma. The expert specializes in design tokenization, component libraries, and cross-platform consistency. Capabilities include usability testing, information architecture, visual design, interaction design, and design system governance. Ideal for building accessible, user-centered digital experiences across web, mobile, and desktop platforms.