Skill UI

Build production-quality, accessible, responsive user interfaces. Use for creating or modifying components, layouts, state management, and ensuring WCAG compliance. Focuses on design system adherence, avoiding AI-generated aesthetics, and delivering polished, professional UI.

A comprehensive guide to advanced design patterns in Go, focusing on writing highly testable and clear code. It covers principles like keeping interfaces small and composable, defining contracts where they are consumed, preferring concrete return types, utilizing generics over 'any', and mastering the use of struct embedding and field tags for serialization.

This skill crafts agency-level digital experiences with haptic depth and cinematic spatial rhythm. It enforces premium aesthetics like Apple-esque design, avoiding standard fonts and generic layouts. Features include asymmetrical bento grids, nested component architecture, and fluid physics-based animations using custom cubic-beziers for a polished, high-end user interface.

A design skill for architecting web interfaces with industrial brutalism and tactical telemetry aesthetics. It merges mid-century Swiss typography, industrial manuals, and retro-futuristic aerospace terminals, using rigid grids, extreme scale contrast, utilitarian colors, and analog degradation simulations. Opt-in, invoked by name.

This skill generates ultra-minimalist, editorial-style web interfaces using a warm monochrome palette and flat bento grids. It enforces strict design constraints, avoiding generic fonts, heavy shadows, and clichéd copy. Ideal for creating premium, document-like workspace platforms with bespoke typography, muted pastel accents, and meticulous structural whitespace.

This skill provides a comprehensive audit of user interfaces, evaluating screens against Nielsen's 10 Usability Heuristics and modern mobile UX best practices. It systematically checks for critical usability flaws, design inconsistencies, accessibility gaps, and potential dark patterns, ensuring the resulting product delivers a superior and intuitive user experience across all platforms.

This tool reviews user interface (UI) code files to ensure compliance with established Web Interface Guidelines and best practices. Use it when auditing design, checking accessibility, or performing general code reviews to meet industry standards and improve overall product quality. It fetches the latest rules and outputs detailed findings.

Creates comprehensive technical design documents by mapping requirements to technical components with clear interfaces. Conducts architecture discovery and research, synthesizes design decisions, and includes visual diagrams for complex architectures. Supports new features, extensions, and simple additions with appropriate discovery processes.

This specialized skill automates the process of converting visual designs (from Stitch) into high-quality, modular React and Vite components. It adheres to modern frontend best practices, enforcing logic isolation via custom hooks, data decoupling using mock data files, and ensuring type safety with TypeScript interfaces. The workflow includes automated asset fetching, style mapping (Tailwind), and rigorous validation cycles to produce production-ready, maintainable code.

This expert skill audits and designs user interfaces for the Apple ecosystem (iOS, macOS, watchOS, visionOS) against the official Human Interface Guidelines (HIG). It checks crucial elements like contrast ratios (WCAG standards), minimum tap-target sizes, and adherence to modern design languages like Liquid Glass. Use it when reviewing mockups or developing native-feeling Apple apps to ensure accessibility and optimal user experience.

This skill helps users design robust and optimal software interfaces (APIs) for a module by applying the 'Design It Twice' philosophy. It generates multiple, radically different architectural designs using parallel agents, allowing for comprehensive comparison of trade-offs (e.g., simplicity vs. flexibility, specialized vs. general-purpose). Use this when you need to explore various structural options or compare module shapes before committing to a final design.

unslop is a powerful command-line interface (CLI) tool designed for post-processing text. It programmatically strips out common and identifiable patterns associated with AI-generated writing. Use it as a final, deterministic pass before publishing documentation, blog posts, or any content derived from large language models (LLMs), ensuring a more natural and human-like tone.