Skill UI

nano-pdf is a powerful command-line interface (CLI) tool designed to simplify PDF editing. Instead of requiring complex manual adjustments, users can provide natural language instructions (e.g., "Change the title to X and fix the typo") to modify specific pages of a PDF document. It is ideal for quick content revisions, report updates, or proofreading when traditional PDF editors are cumbersome, offering a highly intuitive workflow.

This skill acts as a literature-research assistant, orchestrating a Python CLI to interface with APIs like Semantic Scholar and arXiv. It enables users to search for academic papers by topic, retrieve detailed metadata, perform impact analysis using citation tracking, download PDFs, and extract text content. It streamlines the entire academic research workflow from initial discovery to deep reading.

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 provides a rigorous, multi-layered audit for User Interfaces, proving layout balance and usability beyond subjective judgment. It combines a deterministic spatial audit (calculating centroid, optical-center, and pixel-oracle balance via explicit math) with a professional usability review based on Nielsen's 10 heuristics, conducted by a separate 'fresh-eyes' judge. Ideal for catching misaligned or poorly structured AI-generated designs.

A comprehensive guide for designing and implementing 3D user interfaces across web, mobile, and cross-platform environments. Learn core principles like perspective transformations, Z-axis depth, and interactive rotation to build visually stunning, spatially immersive, and highly engaging product experiences.

A comprehensive guide detailing the aesthetic and technical implementation of AI-native user interfaces for web and mobile applications. It emphasizes conversational flow, adaptive layouts, and generative state visual cues, providing CSS, SwiftUI, and Flutter code examples.

A comprehensive design guide for creating ultra-compact, high-utility user interfaces. Ideal for professional tools, financial dashboards, or IDEs where information density is paramount. Principles include compact layouts, monospace typography, high contrast dark themes, and maximizing functional pixels while minimizing whitespace.

A comprehensive guide covering the aesthetic and technical implementation of floating User Interface (UI) elements. Learn how to create detached, elevated components, such as cards and navigation bars, giving the application a light, airy, and modern feel across Web (CSS), iOS (SwiftUI), and Flutter platforms. Key principles include soft shadows, generous margins, and pill shapes.

A comprehensive technical guide for implementing the nostalgic Frutiger Aero aesthetic across web and mobile platforms. This style, popular in the mid-2000s, is characterized by glossy gradients, translucent glass effects, and nature-inspired motifs (sky, water, grass), creating an optimistic, skeuomorphic user interface experience.

This comprehensive guide outlines the principles and technical implementation for creating highly accessible, high-contrast user interfaces. It ensures WCAG AAA compliance by specifying pure black/white color pairings, clear boundaries, and legible typography across web (CSS), iOS (SwiftUI), and Android (Flutter) platforms. Ideal for applications requiring maximum legibility and stark visual impact.

A comprehensive guide for implementing holographic user interfaces across web and mobile platforms. It teaches core principles like zero opacity backgrounds, scanlines, and luminous edges, simulating projected light displays. Ideal for designing futuristic, sci-fi, or high-tech application interfaces.

This comprehensive guide provides technical implementations for achieving a modern 'Layered Design' aesthetic. It teaches developers how to create depth, intentional overlapping, and clear stratification across various platforms. Includes detailed code examples for CSS, SwiftUI, Flutter, and React Native to build complex, dimensional user interfaces.