Download

Skill UI

Browse and discover 10667+ curated skills

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

Search Design Tokens , found 49 results

Default Newest Most Downloaded

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.

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.

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.

Pacman Design System Guidelines

bergside/awesome-design-skills

A comprehensive design system guide built around the retro, high-contrast, 8-bit aesthetic of Pac-Man. This document provides implementation-ready rules, defining foundational tokens (color, spacing, typography), accessibility standards (WCAG 2.2 AA), and detailed component anatomy. It serves as the single source of truth for engineers and designers to ensure consistency and quality across all product touchpoints.

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.

Premium Design System Authoring Guide

bergside/awesome-design-skills

This skill acts as an expert guide for developing comprehensive, implementation-ready design systems with a premium, Apple-inspired aesthetic. It provides detailed guidelines covering foundational tokens (color, spacing, typography), component anatomy, interaction states, advanced accessibility standards (WCAG 2.2 AA), and structured authoring workflows, ensuring consistency and polish across all digital products.

Prev 1 234 5 Next

Language