Skill UI

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.

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.

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.

A skill focused on polishing user interfaces so they feel more responsive, intuitive, and delightful. Covers interaction details, micro-animations, feedback states, and UX refinements for web and app frontends.

A comprehensive guide for diagnosing physical and logical network failures, such as CRC errors, packet drops, duplex mismatches, and flapping. It teaches users how to analyze interface counters and trends across routers, switches, and Linux hosts to pinpoint the root cause of connectivity issues.

A comprehensive guide covering best practices for building and debugging Nuxt 4 applications. It details patterns for ensuring hydration safety, optimizing data fetching with `useFetch` and `useAsyncData`, managing complex routing rules, and implementing lazy loading for superior performance across SSR and client-side environments.

Provides a comprehensive guide for modern Vue.js 3 development. It covers the Composition API, optimal component architecture (props, emits), reactive state management using Pinia, advanced routing (Vue Router), and Nuxt/SSR patterns. Use this skill when building, reviewing, or architecting large-scale, maintainable Vue applications.