Skill UI

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.

Act as an expert guide for architecting comprehensive, implementation-ready design systems tailored for luxury brands. This skill generates structured guidelines covering style foundations, design tokens, component anatomy, state management, and rigorous accessibility criteria (WCAG). It ensures consistency, adherence to a high-end visual aesthetic, and provides actionable, code-review-ready documentation.

This skill provides comprehensive, production-ready guidelines for establishing a design system based on a playful, arcade-inspired aesthetic. It covers visual foundations (VT323 typeface, color tokens), detailed component rules, accessibility standards (WCAG 2.2 AA), and a structured, expert workflow for design documentation. Ideal for leading design and engineering teams to ensure consistent, high-quality UI/UX implementation.

This skill provides expert guidance on creating comprehensive, implementation-ready design system documentation. It covers visual foundations (color, typography, spacing), component anatomy, interaction states, and rigorous accessibility standards (WCAG 2.2 AA). Use it to ensure product consistency and quality across engineering and design teams.

This comprehensive guide provides expert, implementation-ready design system guidelines for creating a high-contrast, playful, and premium user interface inspired by Tetris. It covers typography, color tokens, spacing, accessibility (WCAG 2.2 AA), and a detailed component authoring workflow, ensuring consistency and usability across all platforms.

Act as an expert guide author specializing in the Vintage design aesthetic (1950s–1990s). This skill provides comprehensive, implementation-ready guidelines for creating design systems, covering visual tokens, component anatomy, accessibility standards (WCAG 2.2 AA), and strict writing rules. It ensures output is structured, opinionated, and highly practical for engineers and designers.

A comprehensive guide for optimizing the entire user signup, registration, and account creation journey. This resource covers core CRO principles, such as minimizing required fields, reducing perceived effort, and improving UX for various forms (email, password, social auth). It provides strategies for single-step versus multi-step flows, mobile optimization, and handling post-submit experiences to maximize conversion rates across B2B and B2C products.

A meta-skill designed to monitor long-running processes, such as model fine-tunes or CI builds, executed within a detached tmux session. It captures output, automatically uses a sub-agent to diagnose failures, proposes a fix, and records the complete debugging process to memory. Ideal for intermittent failure debugging and continuous integration pipelines.

A comprehensive skill for generating new design screens from text prompts or images, and iteratively editing existing designs. It incorporates advanced prompt enhancement, design tokens, and professional UI/UX terminology to ensure professional, structured, and context-aware design output for web and mobile platforms.

This comprehensive skill serves as an entry point for all web UI design needs, covering components, pages, dashboards, and advanced layouts using React, Vue, or pure HTML/CSS. It addresses not only aesthetics and polish (color, typography, spacing) but also deep structural concerns like responsive design, UX auditing, and visual system implementation. Use it whenever a user asks to improve the look, feel, or function of a digital interface.

This skill guides the design of statistically rigorous A/B tests for optimizing product features, UI/UX changes, onboarding flows, and pricing models. It generates a complete test plan, including formulating hypotheses, calculating required sample sizes, estimating test duration, defining primary and guardrail metrics, and providing a detailed guide on interpreting results (ship, iterate, or reject).

This skill generates a comprehensive customer journey map, detailing the entire customer experience from initial awareness through to advocacy. It identifies key stages, customer actions, emotional highs and lows, critical pain points, and actionable opportunities for product improvement or service enhancement. Ideal for UX research, product discovery, and cross-functional alignment.