Login
Download

Skill UI

Browse and discover 11130+ curated skills
All Development Artificial Intelligence Design & Creative Product & Business Data Science Marketing Soft Skills Productivity Engineering Languages
Search UI , found 240 results
Default Newest Most Downloaded

High Contrast Design System

high-contrast
sickn33/antigravity-awesome-skills
413
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.
View Details

Controlled Maximalist Design System

maximalism
sickn33/antigravity-awesome-skills
311
A comprehensive design and implementation guide for achieving Controlled Maximalism. This style is ideal when the content is extremely dense, rich, and contains numerous elements, but requires an underlying highly structured, elegant, and curated presentation. Includes detailed CSS Grid, SwiftUI, Flutter, and React Native examples.
View Details

Implementing Minimalism Design Style Guide

minimalism
sickn33/antigravity-awesome-skills
183
A comprehensive guide to implementing the Minimalism design aesthetic across web, iOS (SwiftUI), Flutter, and React Native. This style mandates generous whitespace, strict typography, and the elimination of visual clutter (like borders and shadows), ensuring that content remains the primary focus and the user experience feels clean and breathable.
View Details

Monochromatic UI Design Guide

monochromatic-ui
sickn33/antigravity-awesome-skills
272
A comprehensive guide for implementing Monochromatic User Interfaces across Web, iOS, and Android. Learn how to achieve high elegance and strict color discipline by restricting the palette to variations (tints, tones, shades) of a single base hue. Includes detailed CSS, SwiftUI, and Flutter examples, emphasizing accessibility, texture usage, and color theory principles.
View Details

Neo-Brutalist Design Style Guide

neo-brutalism
sickn33/antigravity-awesome-skills
211
A comprehensive guide detailing the implementation of the Neo-Brutalist design aesthetic. It specifies core principles, including hard drop shadows, thick black outlines, and high-contrast flat colors. Includes detailed, platform-specific code examples for Web (CSS), SwiftUI, and Flutter, helping developers achieve a playful yet structured, high-impact UI look.
View Details

Retro Design Aesthetic Guide

retro-design
sickn33/antigravity-awesome-skills
404
A comprehensive style guide and implementation toolkit for achieving authentic vintage aesthetics, inspired by 60s-80s retro design. It covers core principles like warm, muted color palettes, subtle noise textures, and classic typography pairings. Provides detailed code examples for Web (CSS), iOS (SwiftUI), and Android (Flutter) to recreate the analog, nostalgic feel in modern applications.
View Details

Retro Futurism Design Guide

retro-futurism
sickn33/antigravity-awesome-skills
391
A comprehensive style guide and implementation reference for the Retro Futurism aesthetic. Perfect for designing interfaces that evoke the 1950s and 1960s space age, atompunk, or mid-century modern vibes. It outlines core principles, color palettes, typography, and provides cross-platform code examples (CSS, SwiftUI, Flutter, React Native) to achieve sleek, aerodynamic, chrome finishes.
View Details

Futuristic Heads-Up Display Design

sci-fi-interface
sickn33/antigravity-awesome-skills
353
A comprehensive guide for designing futuristic, tactical Heads-Up Displays (HUDs) and user interfaces. This skill provides core principles, visual DNA, and ready-to-implement code snippets for Web (CSS/SVG), App (SwiftUI), and Mobile (Flutter) platforms. Perfect for creating high-tech, sci-fi, or military-themed dashboards, featuring circular radars, minimalist strokes, and technical monospace typography.
View Details

Guide to Skeuomorphism Design

skeuomorphism
sickn33/antigravity-awesome-skills
138
This guide details the principles and implementation techniques for Skeuomorphism—the design style that makes digital interfaces resemble real-world physical objects. It covers core principles like realistic textures (wood, leather), physical lighting, depth, and real-world metaphors. Provides detailed code examples for Web (CSS), iOS (SwiftUI), and Android (Flutter) to achieve highly realistic, tactile UI elements.
View Details

Soft Pastel UI Design System

soft-pastel
sickn33/antigravity-awesome-skills
359
A comprehensive guide for implementing soft pastel, low-contrast aesthetics across web, iOS (SwiftUI), and Flutter applications. Details include desaturated color palettes (mint, blush, lavender), rounded corner principles, airy spacing techniques, and specific CSS/SwiftUI code examples for achieving a calming, gentle user interface suitable for lifestyle or baby-related branding.
View Details

Spatial Design for Mixed Reality UI

spatial-design
sickn33/antigravity-awesome-skills
71
A comprehensive guide for implementing spatial, mixed-reality user interfaces. Inspired by Apple Vision Pro and AR aesthetics, this pattern uses environmental transparency, blurred glass-like panels, and dynamic lighting effects to create deeply integrated, context-aware layouts for web and mobile applications.
View Details

Swiss Design Grid System

swiss-design
sickn33/antigravity-awesome-skills
444
A comprehensive guide to implementing the Swiss Design (International Typographic Style). This style emphasizes absolute mathematical grids, clean sans-serif typography (like Helvetica), and asymmetrical layouts. It is ideal for users requiring highly structured, minimal, and objective visual communication across web and mobile platforms.
View Details
Prev123...14151617181920Next
Language
简体中文
English