Skill UI

Neumorphism, or Soft UI, is a contemporary design trend where interface elements appear extruded from the background material itself. This guide details the core principles—unified colors and dual shadows (light highlight and dark shadow)—and provides comprehensive implementation examples for web (CSS), iOS (SwiftUI), and cross-platform (Flutter) development. Use this style when a subtle, soft, and integrated aesthetic is desired.

This critical protocol is the ultimate measure for dealing with deeply corrupted, unmaintainable, or structurally rotten code modules. Instead of risky patching, it mandates a controlled, multi-phase process to completely delete the target and rebuild it from scratch. It ensures precise identification of all public interfaces, implicit contracts, and working behaviors (the Preservation List) before any removal occurs, guaranteeing the new implementation matches the original functionality while resolving deep architectural debt.

This skill provides comprehensive best practices for designing modern and robust React user interfaces. It covers critical patterns for managing asynchronous data, including optimal loading state indicators (skeletons vs. spinners), structured error handling hierarchies, and designing contextual empty states. Essential for improving user experience during data fetching and operations.

This powerful skill provides an interactive debugger interface, allowing developers to set breakpoints, step through source code line by line, inspect live variable states, and trace the entire call stack. It is essential for diagnosing complex bugs, understanding unexpected program flow, or determining the root cause when standard logging fails. It supports various languages via the DAP protocol.

This skill performs a comprehensive usability audit and heuristic evaluation of interactive user interfaces (UIs). It goes beyond mere visual aesthetics, assessing whether a system is intuitive, easy to learn, and functional for a first-time user. Use it when auditing complex tools, editors, or apps to ensure the user can complete primary tasks without needing extensive instructions or guidance.

Use @expo/ui to build high-fidelity, native user interfaces across iOS and Android from a single React codebase. This library renders real native UI components, such as SwiftUI on iOS and Jetpack Compose on Android. It promotes a universal component layer for cross-platform consistency, while also providing controlled access to platform-specific optimizations and drop-in replacements for existing community libraries.

This guide provides a comprehensive reference and usage guide for the Redis Command Line Interface (redis-cli). It covers connecting, executing commands in different modes, and offers detailed cheat sheets for all core Redis data structures (Strings, Hashes, Lists, Sets, Sorted Sets). Crucially, it also includes important security considerations and best practices, ensuring users can manage and troubleshoot Redis databases safely from the command line.

StyleSeed Design Review analyzes UI/frontend code (React/Tailwind/HTML) against a detailed design rubric. It scores the interface (0-100) across coherence, color discipline, hierarchy, and polish. The tool pinpoints specific violations—such as mixed corner radii or non-semantic colors—and generates a prioritized, actionable list of fixes, ensuring the final product looks professional and polished, not generic or 'AI-generated.'

A comprehensive guide and tool for applying sophisticated motion effects to UI components. Use it to select from five personality seeds (Spring, Silk, Snap, Float, Pulse) or specific descriptive keywords (like toggle-flip or shimmer). Ideal for defining the 'vibe' and functional transitions of any element in a modern user interface.

This skill analyzes React, Tailwind, or HTML interfaces against a comprehensive design rubric (74 rules). It scores the UI from 0-100, identifying common flaws that make interfaces look generic, unfinished, or "AI-generated"—such as mixed corner radii, poor color discipline, or missing states. It provides a prioritized list of actionable fixes to ensure a polished, professional, and user-centric experience before deployment.

A specialized presentation deck designed to assist speakers. It features dedicated slide notes (150-300 words) for comprehensive scripting and a pop-up teleprompter interface (CURRENT/NEXT/SCRIPT/TIMER cards). This tool helps users maintain a confident and fluid presentation flow, minimizing the risk of forgetting key points.

A comprehensive UI component designed to mimic the Spotify Now-Playing interface. It renders current music, podcast, or media content with album art, progress bar, and playback controls. Ideal for video overlays, streaming intros, or personal website hero sections, providing a highly branded and polished look.