Download

Skill UI

Browse and discover 9632+ curated skills

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

Search Guide , found 102 results

Default Newest Most Downloaded

Futuristic Design System Guideline Expert

bergside/awesome-design-skills

Acts as an expert guide to create comprehensive, implementation-ready design systems using a futuristic aesthetic. It defines foundational elements—including colors, typography, and spacing—and dictates component rules, accessibility standards (WCAG 2.2 AA), and structured documentation workflows. Ideal for UX designers and engineers building modern, sleek, and highly functional user interfaces.

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.

Design System Guideline Authoring Expert

bergside/awesome-design-skills

This expert skill guides the creation of comprehensive, implementation-ready design system documentation. It establishes foundational rules, component anatomy, accessibility requirements (WCAG 2.2 AA), and brand tokens, ensuring consistency for engineering and design teams across all platforms.

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.

Expert Design System Guideline Authoring

bergside/awesome-design-skills

This comprehensive skill guides the creation of actionable, implementation-ready design system guidelines. It establishes foundational tokens, component anatomy, accessibility standards (WCAG), and strict authoring workflows for a playful, approachable UI style (Lingo). Ideal for ensuring enterprise-level design consistency and usability across engineering teams.

Polishing User Interface Design Details

make-interfaces-feel-better

affaan-m/everything-claude-code

This comprehensive guide details advanced design-engineering principles for achieving a highly polished user experience. It covers micro-details such as typographic alignment, shadow usage, motion transitions (CSS), hit areas, and visual coherence. Use this when performing UI reviews, building complex components, or making an interface feel professional and seamless.

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.

Mono Design System Guidelines

bergside/awesome-design-skills

This is an expert guide for creating a comprehensive design system based on the 'mono' aesthetic. It provides practical, implementation-ready rules for engineers and designers, covering visual foundations (color, typography, spacing), accessibility standards (WCAG 2.2 AA), component anatomy, and interaction behavior. The goal is to establish a consistent, high-contrast, and hacker-chic user experience.

Neobrutalism Design System Guidelines

bergside/awesome-design-skills

This skill provides expert, implementation-ready guidelines for developing a Neobrutalism design system. It covers all foundational elements, including color tokens, spacing scales, and typography, while enforcing WCAG 2.2 AA accessibility standards. Use it to ensure consistency and clarity in creating high-contrast, modern UIs for both designers and engineers.

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.

Prev 1 2 3 4 5 678 9 Next

Language