Results for “color-contrast”
22 skills
owl-listener Dark Mode Design
Design comfortable, accessible dark mode interfaces with proper color adaptation, contrast, and surface hierarchy.
1.7k
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
owl-listener Color System
Build a comprehensive color system with palette generation, semantic mapping, and accessibility compliance.
1.7k
rajanthar Frontend Accessibility
Design, implement, and audit accessible frontend interfaces with a concise checklist for keyboard navigation, ARIA, focus states, and color contrast.
0 · bundle
More results
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
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
adobe Diff
Reconcile a converted or built web page against its source prototype using pixel/layout and structural content diffs to catch fidelity regressions.
142 · 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 Revolut Design Analysis
Documents Revolut's marketing design system: two-mode canvas (black/white), Aeonik Pro display typography, cobalt-violet brand accent, pill-shaped buttons, and product-led photography.
50.9k · bundle
samuraigpt Muapi Color Analysis Board
Generates a high-end editorial color analysis board from a portrait photo, including best colors, undertone, makeup guide, capsule wardrobe, and style recommendations in a luxury fashion-magazine layout.
3.7k
nexu-io Frame Light Leak Cinema
Generates a single-frame HTML template with a cinematic film-leak aesthetic: warm light leaks, 35mm grain, 2.39:1 letterbox, and serif typography for opening titles or chapter cards.
· 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 Coinbase Design Analysis
Documents the visual design system of Coinbase's marketing surfaces, including color palette, typography, layout, and elevation tokens.
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
voltagent Stripi Inspired Design Analysis
Analyzes Stripe's design language, documenting its color system, typography, layout, and component patterns for use in design projects.
50.9k · bundle
leonxlnx Minimalist UI
Generates ultra-minimalist, editorial-style web interfaces with warm monochrome palettes, typographic contrast, bento-grid layouts, and muted pastel accents, rejecting generic SaaS design trends.
comeonoliver Quieter
Refines overly bold or aggressive designs into a calmer, more sophisticated aesthetic while preserving effectiveness and usability.
61
joshuashepherd Icon Audit
Audits icon usage in a codebase, enforcing lucide-react as the single icon library, correct sizes, semantic colors, and accessibility standards, then applies fixes.
1
owl-listener Visual Hierarchy
Establish clear visual hierarchy through size, weight, color, spacing, and positioning to guide users through interfaces.
1.7k
voltagent Raycast
Documents the Raycast design system with color tokens, typography hierarchy, and surface modes for building consistent dark-mode interfaces.
50.9k · bundle
comeonoliver Polish
Performs a meticulous final pass on frontend work, checking visual alignment, typography, color contrast, interaction states, micro-interactions, content, icons, forms, edge cases, responsiveness, performance, and code quality to elevate work from shipped to polished.
61
leonxlnx Industrial Brutalist UI
Build web interfaces that fuse Swiss typographic design with military terminal aesthetics, using rigid grids, extreme type scale contrast, utilitarian color, and analog degradation effects for data-heavy dashboards, portfolios, or editorial sites.