Skill UI

A comprehensive guide for implementing user interfaces that mimic spatial computing devices (like Apple Vision Pro). It focuses on creating digital elements with a sense of depth (Z-Space), utilizing glass-like materials via backdrop blur, and designing gaze-aware interactions, making digital information feel physically anchored in the real environment.

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.

This skill generates composed UI patterns like card layouts, lists, forms, and grids using design system primitives. It helps developers assemble reusable interface sections efficiently without recreating basic elements. Suitable for building structured content areas within pages while adhering to established design tokens and layout rules for consistency.

Vexor is a command-line interface tool that utilizes vector embeddings to perform semantic file searches. It is designed to enhance workflow efficiency by allowing users to query files based on meaning rather than keywords, particularly when integrated with AI models like Claude or Codex. Ideal for developers needing context-aware file retrieval within codebases or documentation.

This guide details the principles and technical implementation of widget-based user interfaces, mimicking the aesthetic of modern mobile operating systems (like iOS Home Screen). It covers core design principles such as strict aspect ratios, glanceability, and corner radius matching. Practical code examples are provided for Web (CSS Grid), iOS (SwiftUI), and Cross-platform (Flutter) development, enabling designers to create modular, highly functional mini-apps.

This workflow covers comprehensive WordPress theme development including architecture, template hierarchy, and custom post types. It supports block editor integration, responsive design, and implements new WordPress 7.0 features like DataViews and Pattern Editing. Suitable for creating custom themes, converting designs, and building child themes with modern admin interfaces.

AI Elements is a component library built on shadcn/ui designed to help developers build AI-native applications faster. It provides pre-built components for conversations, messages, tool displays, and prompt inputs. Ideal for creating chatbots, AI assistants, or any AI-powered chat interface. Supports React and Next.js with easy CLI installation and full customization options using Tailwind CSS.

Ax is a command-line interface designed to replace curl and parsing scripts for fetching URLs, exploring web pages, and extracting structured data from HTML. It simplifies web scraping with features like outline discovery, selector location, and structured output formats. The tool caches repeated requests and includes safety warnings for untrusted data and credentials. Ideal for developers needing efficient web data interaction without writing complex scripts.

Shared vocabulary and principles for designing deep modules with small interfaces, clean seams, and testable, AI-navigable codebases.