Skill UI

This comprehensive guide provides implementation details for Card-Based Design, a popular pattern for displaying bite-sized, discrete information units. It covers best practices for achieving responsive, Pinterest-style layouts across multiple platforms, including modern CSS Grid/Masonry for web, and native frameworks like SwiftUI, Flutter, and React Native for mobile apps. Use it when structuring content feeds, portfolio grids, or news articles.

A comprehensive guide to implementing the Swiss Design (International Typographic Style). This style emphasizes absolute mathematical grids, clean sans-serif typography (like Helvetica), and asymmetrical layouts. It is ideal for users requiring highly structured, minimal, and objective visual communication across web and mobile platforms.

This utility detects and redacts sensitive personally identifiable information (PII) from screenshots and images. It can mask various data types, including IDs, credit card numbers, API keys, phone numbers, and emails. Crucially, all processing is conducted locally and offline, ensuring that sensitive data never leaves the user's machine. It is essential for secure debugging, data sharing, and analysis workflows.

Compares two recorded browser sessions step-by-step by matching steps via shared step IDs. It performs both pixel-level diffing on screenshots (for visual regression) and node-by-node diffing on accessible DOM snapshots (for structural changes). Ideal for visual regression testing, comparing A/B flow variants, and verifying replay consistency in UI development.

This skill provides comprehensive, read-only market intelligence for prediction markets. It helps users research market events, compare different venues (like Polymarket, Kalshi), analyze liquidity, and understand underlying assets. It generates source-grounded briefings, emphasizing context and data quality, and strictly avoids providing investment or trading advice.