Skill UI

Guides production frontend design and UI/UX review using Better Design MCP, covering components, design systems, accessibility, responsive layouts, motion, and cross-platform interfaces.

Provides step-by-step guidance for deploying the Categraf collector on Linux, Docker, Windows, and Kubernetes. Covers installation, config.toml writers and heartbeat setup, systemd service registration, and verification commands.

Guides creation of Nightingale (N9E) monitoring dashboards: prefer importing validated integration templates for Linux, MySQL, Redis, Kafka and more, or build custom panels with PromQL only.

A disciplined approach for diagnosing hard bugs and performance regressions. This skill guides users to build tight feedback loops, reproduce issues, and minimize scenarios before hypothesizing. It emphasizes redacting secrets, creating deterministic tests, and avoiding premature assumptions. Use when debugging complex failures or performance issues in software development.

This tool identifies duplicate content across multiple texts or web pages. It compares input to find exact matches and substantive overlaps, aiding in SEO optimization and content quality assurance. Users can paste content or provide URLs for analysis to ensure originality and compliance with search engine guidelines.

This skill drafts technical design documents section-by-section based on brainstorm concepts or user notes. It guides users through the Elephant-Goldfish (EGM) feature flow after requirements alignment. The skill enforces artifact-first delivery, plain English communication, and rigorous stress-testing of ideas. It ensures design decisions are made by the author with clear trade-offs, avoiding flattery and ensuring objective scrutiny before agreement.

This skill enables developers to build purposeful web animations using appropriate tools like CSS transitions, WAAPI, or Motion libraries. It emphasizes performance, accessibility with reduced-motion support, and strict design philosophy to ensure animations enhance user experience without unnecessary overhead. It guides decisions on when to animate and which properties to use for smooth GPU-accelerated motion.

This skill helps diagnose dropped animation frames in web applications. It guides developers on choosing optimal CSS properties like transform and opacity for hardware acceleration. It covers profiling checks, understanding frame budgets, and avoiding layout thrashing to ensure smooth 60fps motion across devices.

This skill provides comprehensive guidance on setting up and troubleshooting Sonner React toasts. It covers essential configuration like mounting the Toaster component, using toast() for messages, loading states, promises, and actions. It also details styling options from defaults to headless customization, theming support, and common troubleshooting steps for display issues or duplicate toasts. Ideal for frontend developers integrating Sonner into their React applications.

This guide covers the agent-desktop CLI for Linux desktop automation. It details command capabilities on X11 and Wayland, including observation, surface interaction, window control, and capture. It explains AT-SPI accessibility requirements, troubleshooting for GNOME, and specific limitations for pointer gestures and clipboard operations. Essential for automating GUI tasks on Linux systems.

Platform guide for agent-desktop CLI on macOS: granting Accessibility and Screen Recording permissions, headed input, surfaces, Notification Center, Chromium/Electron apps, and troubleshooting.

Windows platform guide for agent-desktop CLI covering UIA tree access, GUI automation, shell surfaces, notifications, clipboard, cursor overlay, elevation boundaries, and troubleshooting for Windows desktop interaction.