Download

Skill UI

Browse and discover 19290+ curated skills

All Development Artificial Intelligence Design & Creative Product & Business Data Science Marketing Soft Skills Productivity Engineering Languages

Search css , found 70 results

Default Newest Most Downloaded

Monochromatic UI Design Guide

monochromatic-ui

sickn33/antigravity-awesome-skills

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.

Neo-Brutalist Design Style Guide

sickn33/antigravity-awesome-skills

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.

Retro Design Aesthetic Guide

sickn33/antigravity-awesome-skills

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.

Retro Futurism Design Guide

sickn33/antigravity-awesome-skills

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.

Futuristic Heads-Up Display Design

sci-fi-interface

sickn33/antigravity-awesome-skills

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.

Guide to Skeuomorphism Design

sickn33/antigravity-awesome-skills

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.

Soft Pastel UI Design System

sickn33/antigravity-awesome-skills

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.

Synthwave Neon Outrun Style Guide

sickn33/antigravity-awesome-skills

A comprehensive style guide for implementing the Synthwave and Outrun aesthetic across web and mobile applications. This guide details the core principles, including dark mode backgrounds, glowing neon accents (magenta, cyan), and the signature perspective grid. It provides technical examples using CSS, SwiftUI, Flutter, and React Native to achieve authentic retro-futuristic visual fidelity.

Typography First Design Principles

typography-first

sickn33/antigravity-awesome-skills

A comprehensive guide for implementing Typography First Design across web and mobile applications. This style emphasizes using type as the primary visual element, minimizing decorative UI elements (chroming) to create a highly focused, high-impact, and sophisticated user experience. Includes specific implementation details for CSS, SwiftUI, Flutter, and React Native.

Vaporwave Aesthetic Implementation Guide

sickn33/antigravity-awesome-skills

A comprehensive guide for developers to implement the iconic Vaporwave aesthetic across multiple platforms, including Web (CSS), iOS (SwiftUI), and Flutter. It details core principles such as 90s OS motifs, cyan/magenta neon gradients, and surreal pastel color palettes, enabling the creation of nostalgic, retro-futuristic user interfaces.

Banner Design

nextlevelbuilder/ui-ux-pro-max-skill

Design banners for social media, ads, website heroes, creative assets, and print. Generate multiple art direction options with CSS-built, user-supplied, or optionally generated visuals. Suitable for platforms like Facebook, Twitter/X, LinkedIn, YouTube, Instagram, Google Display, and web.

Design Engineering For Polished UI

emil-design-eng

sickn33/antigravity-awesome-skills

This skill provides expert guidance on design engineering, focusing on UI polish, micro-interactions, and high-craft component decisions. It is ideal for reviewing frontend code (React, CSS, Tailwind) to elevate perceived quality, addressing details like easing, duration, and physical feedback. Use it when subtle detail and refined taste are critical differentiators.

Prev 1 234 5 6 Next

Language