Skill UI

This skill provides a comprehensive framework for designing and reviewing native iOS applications. It covers adherence to Apple's Human Interface Guidelines (HIG), ensuring consistency across layout, typography, safe areas, and system components (e.g., Dynamic Island). Use this when building or reviewing SwiftUI/UIKit code to guarantee the app feels intuitive, highly polished, and genuinely native to the Apple ecosystem.

A comprehensive guide for building modern, accessible, and scalable user interfaces using the shadcn/ui component library. This document outlines core principles, best practices for component composition, styling rules (including Tailwind CSS usage), and structured approaches for forms and layouts. Essential for developers building complex design systems and ensuring code consistency.

A powerful code review utility designed for SwiftUI projects. It comprehensively analyzes code quality, ensuring adherence to modern Swift APIs, optimal performance, robust data flow management, and compliance with Apple's Human Interface Guidelines and accessibility standards (like VoiceOver and Dynamic Type). Use this tool when writing, refactoring, or reviewing complex SwiftUI implementations to maintain high code hygiene and maintainability.

A comprehensive design specification detailing 98 rules for building Command Line Interface (CLI) tools that are safe, reliable, and easily consumable by AI agents. It covers structured JSON output formats, standardized error handling (to stderr), robust input contracts, safety guardrails (e.g., preventing path traversal), and tiered compliance levels (Agent-Friendly, Agent-Ready, Agent-Native) for seamless integration into AI workflows.

A comprehensive guide for building or reviewing SwiftUI User Interfaces that utilize the modern Liquid Glass aesthetic. This skill focuses on correctly implementing native Apple APIs (like `glassEffect` and `GlassEffectContainer`) while ensuring proper fallback mechanisms, modifier ordering, and performance for iOS 26+ devices. Ideal for adopting cutting-edge iOS design patterns.

Gradio is a powerful Python library designed for creating interactive web user interfaces and showcasing machine learning demos quickly. This skill covers core patterns like Interface, Blocks, and ChatInterface, allowing users to build complex applications, components, and event-driven chatbots with minimal effort. Ideal for rapid prototyping and deep learning model visualization.

Guides stable API and interface design. Use when designing APIs, module boundaries, or any public interface. Covers REST/GraphQL endpoints, type contracts, error semantics, validation, and extensibility principles.

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 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 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.