Download

Skill UI

Browse and discover 9908+ curated skills

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

Search UI State , found 272 results

Default Newest Most Downloaded

Flat Design System Guidelines and Principles

bergside/awesome-design-skills

A comprehensive guideline for building modern, high-performance, and accessible UI/UX components using a flat, minimalist design philosophy. It defines foundational tokens (colors, spacing, typography), strict rules for component states (hover, focus, error), and adherence to WCAG 2.2 AA standards for engineers and designers.

Expert Glassmorphism Design System Guide

bergside/awesome-design-skills

This skill provides comprehensive, expert guidelines for building a robust and accessible Glassmorphism design system. It offers actionable rules for engineers and designers, covering style foundations (typography, color, spacing), component anatomy, state management, and WCAG 2.2 AA accessibility requirements. Use it to ensure visual consistency, high performance, and modern elegance across all platforms.

Comprehensive Gradient Design System

bergside/awesome-design-skills

An expert design system guideline for implementing modern, playful, and visually deep user interfaces using gradient principles. This guide provides engineers and designers with actionable standards covering color tokens, typography scales, component anatomy, interaction states, and WCAG accessibility criteria.

Immersive Design System Guide Creation

bergside/awesome-design-skills

This skill guides the user to become an expert in authoring comprehensive, implementation-ready design system guidelines for an immersive, exhibit-style brand. It teaches how to structure rules covering design tokens, component anatomy, interaction states, accessibility requirements (WCAG 2.2 AA), and anti-patterns, ensuring consistency across all digital products.

Expert Design System Guideline Author

bergside/awesome-design-skills

This skill acts as an expert guide for creating comprehensive, implementation-ready design system documentation. It focuses on defining brand foundations, design tokens, component anatomy, interaction states (hover, focus, error), and strict accessibility criteria (WCAG 2.2 AA). Ideal for designers and engineers who need to enforce visual consistency and usability standards across product development.

Luxury Design System Guidelines Expert

bergside/awesome-design-skills

Act as an expert guide for architecting comprehensive, implementation-ready design systems tailored for luxury brands. This skill generates structured guidelines covering style foundations, design tokens, component anatomy, state management, and rigorous accessibility criteria (WCAG). It ensures consistency, adherence to a high-end visual aesthetic, and provides actionable, code-review-ready documentation.

Material Design System Guide Creator

bergside/awesome-design-skills

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.

Minimal Design System Guidelines

bergside/awesome-design-skills

This comprehensive guide provides expert, implementation-ready guidelines for creating minimal, clean, and highly functional design systems. It meticulously defines style foundations—including typography, color tokens, and spacing scales—while mandating best practices for accessibility (WCAG 2.2 AA), component states, and interaction design, ensuring maximum clarity and consistency for engineering and design teams.

Neon High-Contrast Design System Guide

bergside/awesome-design-skills

This comprehensive guide teaches how to author rigorous, implementation-ready design system documentation. It establishes foundational tokens (colors, spacing, typography) and defines component anatomy across all states (e.g., default, focus-visible, error). The focus is on creating accessible, high-contrast, bold interfaces that comply with WCAG 2.2 AA standards.

Neumorphism Design System Guidelines

bergside/awesome-design-skills

This comprehensive guide acts as an expert framework for developing a complete, accessible design system using Neumorphism principles. It provides structured instructions covering visual foundations, design tokens, component states (default, hover, error, etc.), accessibility requirements (WCAG 2.2 AA), and content standards, ensuring engineers and designers build consistent and highly usable interfaces.

Generating Design System Guidelines

bergside/awesome-design-skills

This skill acts as an expert guide for authoring comprehensive, implementation-ready design system documentation. It structures guidelines covering foundational design tokens (color, spacing, typography), detailed component anatomy, interaction states, and WCAG accessibility standards. Ideal for product designers and engineers needing to define a cohesive and scalable UI language.

Perspective Design System Guideline

bergside/awesome-design-skills

A comprehensive guide for creating a robust design system based on perspective techniques. It details foundational tokens (color, typography, spacing), component rules (states, variants), and accessibility criteria (WCAG 2.2 AA). Use this skill to ensure scalable, realistic, and highly usable UI components with structured implementation.

Prev 1 2 3...18 19 202122 23 Next

Language