Skill UI

Engineers minimalist, scalable vector logos using geometric primitives, negative space, and strict flat-style constraints to translate brand briefs into iconic, professional marks for modern identities.

This skill provides comprehensive, expert-level guidelines for building an "Energetic" design system. It defines a bold, geometric, and high-contrast aesthetic using thick borders, specific color tokens, and expressive typography. It covers foundational constraints, component anatomy, accessibility (WCAG 2.2 AA), and a rigorous authoring workflow, ensuring all outputs are implementation-ready for engineers and designers.

This guide details the principles and implementation for Color Blocking design, an aesthetic characterized by large, solid, contrasting color sections (Mondrian style). It provides comprehensive technical implementations using CSS Grid (Web), SwiftUI, and Flutter for achieving striking, geometric layouts defined by bold colors and clean typography. Perfect for modern, impactful UIs.

A comprehensive guide to implementing the iconic Cyberpunk aesthetic across multiple platforms (Web, iOS, Android, Flutter). This guide details core principles like Neon-on-Black color schemes, sharply angled geometries (using clip-path or custom clippers), and glitch effects. It is ideal for developers needing to create high-tech, dystopian, or hacking interface experiences.

This comprehensive guide provides core principles and implementation patterns for adopting the Flat Design aesthetic. It details how to build interfaces across web (CSS), mobile (SwiftUI, Flutter), and cross-platform frameworks, emphasizing zero depth, sharp geometries, and high-contrast solid colors while strictly avoiding shadows, gradients, and bevels. Use this when aiming for a modern, minimalist, and clean UI/UX experience.

A professional, high-fidelity template for creating dynamic video outro frames. It features complex, multi-stage animations including geometric logo assembly, glowing bloom effects, and graceful reveal of brand names and CTAs. Perfect for video endings, brand closing sequences, or presentation conclusions.

A comprehensive framework for creating structured, clean, and highly accessible design systems. It defines foundational constraints, typography scales, color tokens, and component-level rules, ensuring consistency and usability across engineering and design teams. Focuses on achieving WCAG 2.2 AA compliance and implementation readiness.

This guide provides a comprehensive checklist and systematic approach for enhancing the reproducibility of research in Computer Graphics and CAD. It addresses the inherent sensitivity of graphics and geometry results to environment variables, random seeds, rendering parameters, and data versions, ensuring that published results can be reliably replicated by reviewers and readers.

A creative writing skill emulating Mo Yan's Nobel Prize-winning literary perspective: constructing fictional literary geographies, blending magic realism with folk tales and history, creating sensory-rich bodily descriptions, and employing multi-perspective narration in fiction.

This guide details the principles and implementation for Color Blocking design, an aesthetic characterized by large, solid, contrasting color sections (Mondrian style). It provides comprehensive technical implementations using CSS Grid (Web), SwiftUI, and Flutter for achieving striking, geometric layouts defined by bold colors and clean typography. Perfect for modern, impactful UIs.

A comprehensive guide to implementing the iconic Cyberpunk aesthetic across multiple platforms (Web, iOS, Android, Flutter). This guide details core principles like Neon-on-Black color schemes, sharply angled geometries (using clip-path or custom clippers), and glitch effects. It is ideal for developers needing to create high-tech, dystopian, or hacking interface experiences.

This comprehensive guide provides core principles and implementation patterns for adopting the Flat Design aesthetic. It details how to build interfaces across web (CSS), mobile (SwiftUI, Flutter), and cross-platform frameworks, emphasizing zero depth, sharp geometries, and high-contrast solid colors while strictly avoiding shadows, gradients, and bevels. Use this when aiming for a modern, minimalist, and clean UI/UX experience.