SkillMD SkillMD
light-dark-mode
Profile My skills Saved Collections Edit profile Submit a skill

Plugins

1 plugin
@owl-listener
UI Design
UI design skills: color palettes, typography systems, layout grids, responsive breakpoints, dark mode specs, visual hierarchy, and brand alignment.
14 skills · plugin

Results for “color-systems”

21 skills
alirezarezvani
UI Design System
Generate design tokens, color palettes, typography scales, component systems, and developer handoff documentation for UI design systems.
20.4k · bundle
drnabeelkhan
Design Resources
Provides a curated library of design references covering typography, color systems, component patterns, animation, accessibility, and critique frameworks, plus a catalog of 59 brand design systems for UI generation.
2 · bundle
tinh2
Design Color
Adds strategic color to monochromatic or dull interfaces using oklch for perceptually uniform palettes, generating harmonious color systems with automatic light/dark variants and accessible contrast ratios.
13
owl-listener
Critique Color
Audits colour decisions on a screen for contrast ratios, palette coherence, semantic meaning, and accessibility, flagging deviations and recommending specific corrections.
1.7k
More results
owl-listener
Color System
Build a comprehensive color system with palette generation, semantic mapping, and accessibility compliance.
1.7k
minimax-ai
Color Font Skill
Provides curated color palettes and font pairings for presentations and design tasks, including a complete design system with color tokens.
12.9k
voltagent
Webflow Inspired Design Analysis
Analyzes and documents Webflow's design language, including color palette, typography hierarchy, spacing system, and layout principles for use in design systems.
50.9k · bundle
voltagent
Coinbase Design Analysis
Documents the visual design system of Coinbase's marketing surfaces, including color palette, typography, layout, and elevation tokens.
50.9k · bundle
affaan-m
Design System
Generate or audit design systems, check visual consistency, and review PRs that touch styling.
226k
drnabeelkhan
Maxim Design System
Builds and governs design systems with a three-layer token architecture, component specs, and design-to-code handoff, including slide generation.
2 · bundle
voltagent
Playstation Design Analysis
Documents the PlayStation marketing design system with three alternating canvas modes, PlayStation SST typography at weight 300, and a restrained chrome vocabulary where imagery occupies 60-90% of each section.
50.9k · bundle
voltagent
Raycast
Documents the Raycast design system with color tokens, typography hierarchy, and surface modes for building consistent dark-mode interfaces.
50.9k · bundle
voltagent
Linear Design Analysis
Documents Linear's dark-canvas marketing design system with near-black backgrounds, lavender-blue accent, four-step surface hierarchy, aggressive negative tracking on display type, and product UI screenshots as the primary visual rhythm.
50.9k · bundle
voltagent
Sentri Inspired Design Analysis
Documents Sentri's design language with color tokens, typography hierarchy, and layout patterns for a developer-tools brand.
50.9k · bundle
voltagent
Clay Design Analysis
Defines a vibrant claymation-meets-data design system for Clay.com, including color palette, typography, layout, and elevation tokens for GTM-data interfaces.
50.9k · bundle
voltagent
Nike Design Analysis
Documents Nike's commerce design system: photography-first layouts, typographic hierarchy, color palette, and component patterns across PLP, PDP, and editorial pages.
50.9k · bundle
tinh2
Dark Mode
Adds a complete dark mode to any frontend project: auto-detects the theme system, generates a WCAG-compliant dark palette, adds a toggle with system detection and persistence, migrates hardcoded colors to theme tokens, and verifies contrast ratios.
13
samyakjhaveri
UI UX Pro Max
Generates opinionated design systems with curated color palettes, font pairings, UI styles, product-type rules, and UX guidelines across multiple tech stacks.
0
auto-skiller
UI UX Pro Max
Generates design systems and UI/UX recommendations for React Native projects, with domain-specific searches for styles, colors, typography, and best practices.
1 · bundle
samyakjhaveri
Impeccable
Designs and iterates production-grade frontend interfaces, covering UX review, visual hierarchy, accessibility, performance, responsive behavior, theming, typography, layout, color, motion, and design systems. Handles websites, landing pages, dashboards, product UI, components, forms, and more.
0 · bundle
antigravity
Ckw Design
Provides frontend design direction, design systems, visual philosophy, and production-grade UI styling for web interfaces, including layout critique, usability auditing, and asset generation.
42.4k