Skill UI

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.

A high-fidelity template for designing a complete mobile application screen. This mockup is enclosed in a pixel-accurate iPhone 15 Pro frame and includes all essential UI elements: status bar, app header, main content area (supporting lists, feeds, or forms), and bottom tab bar. Features realistic elements like the Dynamic Island and safe-area padding, making it ideal for UI/UX design mockups and professional portfolio display.

A comprehensive, clickable web prototype designed for modern SaaS landing pages. This template includes all essential sections—from Hero to Pricing—and incorporates advanced UI/UX trends like glassmorphism, subtle animations, and full responsiveness. It is ideal for product concept validation, design presentations, and gathering early stakeholder feedback, giving the appearance that the product is ready for launch.

A premium prototype template designed with an Apple-tier aesthetic. Features include a soft, squircle design, ambient mesh backgrounds, double-bezel cards, button-in-button CTA elements, and subtle spring motion for a fluid, modern user experience. Ideal for modern app UI/UX.

This template simulates a hand-drawn, low-fidelity wireframe session on a whiteboard or sketchpad. It includes graph paper backgrounds, marker scribbles, sticky notes, and multiple tabs, making it ideal for early-stage UI/UX brainstorming and capturing initial conceptual ideas.

A comprehensive utility for managing complex cmux topologies, including workspaces, panes, and surfaces. This tool is essential for inspecting, controlling, and monitoring multiple AI coding agents running in parallel within a macOS terminal environment. It supports advanced functionalities such as browser automation and real-time status notifications, optimizing developer workflows.

This skill provides reliable methods for opening and viewing Markdown files within cmux panes. It specifically addresses a known bug where attempting to move an existing Markdown viewer surface using `move-surface` results in a blank, unreadable output. Use this when you need a stable, correctly rendered Markdown view in a designated cmux pane, avoiding the rendering failure bug.

This technique audits user interaction flows (like button clicks) to detect subtle bugs that static analysis often misses. It specifically tracks the full sequence of state changes, identifying instances where later actions unintentionally cancel, contradict, or leave the UI in an inconsistent state due to state store side effects or race conditions. Ideal for debugging complex state management architectures (Redux, Zustand).

Manages and coordinates complex workflows involving multiple AI agents and tasks. It efficiently distributes work across multiple workers, handles runtime errors, and intelligently merges disparate results into a unified output, making it ideal for large-scale, distributed AI computations.

Flox is a declarative, Nix-based environment manager designed to create perfectly reproducible development environments. It handles system-level dependencies (like compilers, databases, and native libraries) and ensures that complex toolchains across multiple languages (Python, Node.js, Go, etc.) function identically across macOS and Linux. Ideal for solving 'works on my machine' issues and onboarding new team members instantly.

Pi-hole is a powerful, network-wide DNS ad blocker that runs on Linux hosts (like Raspberry Pi). It intercepts all DNS queries on your local network, blocking advertisements, trackers, and known malware domains before they reach your devices. This guide covers setup via Docker or bare metal, configuring network DNS, managing blocklists, and enabling secure DNS-over-HTTPS (DoH) for enhanced privacy.

A comprehensive guide to setting up a fast and secure WireGuard VPN server for remote access to your home network (homelab). Learn keypair generation, advanced Linux firewall (iptables) rules, and how to manage different tunneling modes (split vs. full tunnel) for optimal performance.