Plugins

1 plugin

Results for “color-systems”

77 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
omer-metin
Color Theory
World-class color theory expertise combining the scientific precision of Josef Albers' "Interaction of Color," the systematic thinking of color systems from Pantone and RAL, and the perceptual psychology insights from researchers like Bevil Conway. Color is not just aesthetics - it's communication, emotion, and usability compressed into wavelengths. Great color work is invisible when done right. Users don't notice "nice colors" - they notice when they can't read text, when buttons don't look clickable, when errors don't feel urgent, or when the interface feels "off" without knowing why. Color theory is the science of making the right thing feel obvious. Use when "color theory, color palette, color scheme, color harmony, complementary colors, analogous colors, contrast ratio, dark mode colors, light mode, color tokens, semantic colors, color accessibility, color blindness, color psychology, color system, brand colors, data visualization colors, color, design, accessibility, contrast, dark-mode, theming, tokens
128 · bundle
voltagent
Wise Inspired Design Analysis
Analyzes and documents Wise's design language, including color palette, typography, spacing, and layout tokens for use in design systems.
50.9k · bundle
More results
alirezarezvani
Brand Guidelines
Apply, document, or enforce brand guidelines for any product or company, covering color systems, typography, logo usage, brand voice, and visual identity.
20.4k · bundle
voltagent
Spacex Inspired Design Analysis
Analyzes and documents SpaceX's design language, including color palettes, typography, layout, and elevation, for use in design systems and brand guidelines.
50.9k · bundle
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
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
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
voltagent
Vercel Inspired Design Analysis
Analyzes Vercel's design language, documenting its color system, typography, surface hierarchy, and gradient-based decorative system for use in design systems or brand analysis.
50.9k · bundle
curiositech
Web Design Expert
Creates unique web designs with brand identity, color palettes, typography, and modern UI/UX patterns. Use for brand identity development, visual design systems, layout composition, and responsive web design. Activate on "web design", "brand identity", "color palette", "UI design", "visual design", "layout". NOT for typography details (use typography-expert), color theory deep-dives (use color-theory-expert), design system tokens (use design-system-creator), or code implementation without design direction.
10 · bundle
omer-metin
Branding
The craft of creating and maintaining cohesive brand identity systems. Branding translates brand strategy into tangible visual and verbal identity—logos, color systems, typography, imagery, and voice guidelines that work together to make a brand recognizable and memorable. This skill covers logo design, visual identity systems, brand guidelines, naming, verbal identity, and brand application across touchpoints. Great branding is invisible when done right—it feels inevitable, as if the brand couldn't have looked any other way. Use when "logo, branding, brand identity, brand guidelines, visual identity, color palette, typography, brand book, naming, rebrand, brand refresh, brand system, branding, identity, logo, visual-design, guidelines, naming, typography, color" mentioned.
128 · 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
owl-listener
Color System
Build a comprehensive color system with palette generation, semantic mapping, and accessibility compliance.
1.7k
jiaiyan
N Rate
A rating component for collecting user feedback with customizable icons, colors, and half-star support in Naive UI. Ideal for product reviews, feedback forms, and rating systems.
8
snoodleboot-io
Component Design Systems
A design system has three token layers, and conflating them is what makes systems
2
srednoff888-art
Dark Mode Theme System
Use this skill for dark mode tokens, contrast, theme persistence, system preference, color scheme QA. Trigger when the task involves web design work related to Dark Mode Theme System, implementation, audits, debugging, strategy, or validation.
1 · bundle
owl-listener
Theming System
Design a theming architecture that supports brand variants, dark mode, and high-contrast modes with token mapping.
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
kevinpbuckley
Niagara Emitters
Niagara emitter color/curve authoring (tint, hue-shift, ColorFromCurve keys), rapid-iteration parameter tuning, and Custom-HLSL scratch-pad authoring (NiagaraEmitterService + NiagaraScratchPadService). Module/renderer CRUD is owned by the engine NiagaraToolsets. Use when the user asks to recolor or hue-shift particles, edit color curves, tune emitter params, or build a scratch-pad/Custom HLSL module. For system-level lifecycle, load niagara-systems.
605 · bundle
nickgallick
Color Theory
SKILL — Color Theory
0
kevinpbuckley
Niagara Systems
Rapid-iteration parameter tuning, diagnostics, and Custom-HLSL scratch-pad authoring for Niagara systems (VibeUE NiagaraService + NiagaraScratchPadService). System/emitter/parameter CRUD is owned by the engine NiagaraToolsets. Use when the user asks to tune emitter rapid-iteration params, compare/diagnose systems, or build scratch-pad/Custom HLSL modules. For emitter color/module work, load niagara-emitters.
605 · 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
rajanthar
Design System
Use this skill to generate or audit design systems, check visual consistency, and review PRs that touch styling.
0
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
thatrebeccarae
Tech Diagram
Generate technical architecture diagrams, pipeline flows, layer/stack diagrams, and system illustrations as standalone HTML files. Uses a dark-mode design system with embedded CSS and inline SVG. Use when the user needs architecture diagrams, system illustrations, flow charts, or technical visualizations.
105 · bundle
mmehdi0606
Colorize
Add strategic color to features that are too monochromatic or lack visual interest, making interfaces more engaging and expressive. Use when the user mentions the design looking gray, dull, lacking warmth, needing more color, or wanting a more vibrant or expressive palette.
2
voltagent
Pinterest Design Analysis
Documents Pinterest's design system including color palette, typography, shape geometry, and layout patterns for the home page, search results, and creator marketing surfaces.
50.9k · bundle
kursku
Colorize
Add strategic color to features that are too monochromatic or lack visual interest. Makes interfaces more engaging and expressive.
55 · bundle
nickgallick
Design System
SKILL — Design System
0 · bundle
joshuashepherd
Color Audit
Audits a color palette for semantic token completeness, WCAG contrast compliance, 60-30-10 distribution, and tonal stacking correctness, with a focus on a light-primary site.
1
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