Skill UI

This expert skill guides the creation of comprehensive, highly structured, and implementation-ready design system guidelines based on Material Design principles. It ensures consistency across visual style, accessibility (WCAG 2.2 AA), and component behavior. The output is actionable documentation covering tokens, states, variants, and anti-patterns, suitable for guiding both engineers and designers.

This specialized tool is designed to curate and structure academic source material for long-form research papers. It takes paper topics, user preferences, search results, and bibliography entries as input. The output is a highly structured source pack, clearly identifying primary, supporting, and excluded sources, along with coverage notes to ensure research depth and methodological rigor.

This skill processes raw, unstructured materials (e.g., conversations, reports, controversies) into highly structured, reusable casebook entries. It focuses on identifying core facts, defining mechanism chains, and mapping responsibility links while ensuring rigorous data anonymization. It is designed for deep knowledge management and pattern recognition, helping users build a reliable, reusable knowledge base for future professional analysis, rather than generating immediate advice.

This skill generates comprehensive, structured lesson plans for any topic, audience, or setting. It provides a detailed framework including learning objectives (using Bloom's taxonomy), a timed activity sequence (hook, instruction, practice, assessment), required materials, differentiation strategies, and common misconceptions to address. Ideal for educators, corporate trainers, and curriculum developers.

This skill acts as a sophisticated router for frontend design, providing access to 48 deeply opinionated UI styles (e.g., Material, Brutalism, Glassmorphism). It ensures professional aesthetic coherence by enforcing specific style guidelines, utilizing curated universal color palettes, and guiding the implementation process for both web and mobile applications.

A comprehensive guide detailing how to implement Google's Material Design principles across various platforms, including Web (CSS), iOS (SwiftUI), and cross-platform (Flutter). It covers core concepts like Z-axis elevation, meaningful motion, structured layouts, typography, and component usage to ensure a cohesive and modern user experience.

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 system for designing high-quality, multi-platform banners, including social media ads, website heroes, and print materials. It leverages AI visual generation, UI/UX insights, and HTML/CSS structuring to create multiple art direction options for any campaign.

Neumorphism, or Soft UI, is a contemporary design trend where interface elements appear extruded from the background material itself. This guide details the core principles—unified colors and dual shadows (light highlight and dark shadow)—and provides comprehensive implementation examples for web (CSS), iOS (SwiftUI), and cross-platform (Flutter) development. Use this style when a subtle, soft, and integrated aesthetic is desired.

This skill is designed to accurately convert complex, Hugo-managed documentation sites and content into standard Markdown format. It goes beyond generic knowledge by inspecting the entire local Hugo repository structure, including `hugo.toml`, custom shortcodes, layouts, and content files. It preserves the original content's semantic meaning while materializing Hugo-specific constructs into clean Markdown.