Results for “color”

Controls Xiaomi Mijia smart home devices such as desk lamps and smart plugs, supporting on/off, brightness, color temperature, and mode adjustments.

Icon component for displaying SVG icons with customizable size, color, and depth. Invoke when user needs to implement icons, icon wrappers, or integrate icon libraries in Naive UI.

Custom authentication flows and component appearance - hooks (useSignIn, useSignUp), themes, colors, fonts, CSS. Use for custom sign-in/sign-up flows, appearance styling, visual customization, branding.

Guides distinctive, intentional visual design for new UI or existing interfaces, covering aesthetic direction, typography, and avoiding templated defaults.

Controls Xiaomi Mijia smart home devices such as desk lamps and smart plugs, supporting on/off, brightness, color temperature, and mode adjustments.

Audit and fix HTML accessibility issues including ARIA labels, keyboard navigation, focus management, color contrast, and form errors. Use when adding interactive controls, forms, dialogs, or reviewing WCAG compliance.

Plain-English translation layer for non-technical Copilot CLI users. Translates every approval prompt, error message, and technical output into clear, jargon-free English with color-coded risk indicators.

Create and customize MATLAB charts and plots. Plot types (line, scatter, bar, histogram, heatmap, surface), axes configuration, annotations, data tips, interactive plots, animation, multiple axes with tiledlayout, colororder, and performance optimization. Works for standalone figures, Live Scripts, and uifigure apps. Use when plotting data, customizing axes, adding annotations or interactivity, animating charts, or arranging multiple axes. Triggers: plot, chart, graph, axes, uiaxes, annotation, data tips, animation, tiledlayout, colororder, heatmap, scatter, figure, visualization, export.

Defines and manages brand identity including voice, visual standards, messaging frameworks, asset organization, and consistency audits.

Global style component that syncs theme styles to document.body. Invoke when user needs to apply global theme styles like background color and font family to the entire page.

Generates detailed design briefs for social media creative assets. Covers image specs per platform, copy overlay text, color palette, and format specs for stories, carousels, singles, and reel covers.

Onboards brand tokens and generates a 12-token CSS palette for consistent, WCAG-AA-compliant HTML document styling across markdown conversions.

Translates Copilot CLI prompts, errors, and technical output into plain English with color-coded risk indicators for non-technical users.

Provides a comprehensive set of design rules and anti-patterns to avoid AI-generated slop when building any interface.

Visualizes outlines and markdown as bold, color-block manifesto-style decks without rewriting or reordering content. Supports black, red, and yellow themes.

Create consistent characters across AI-generated images using reference sheets, detailed descriptions, and LoRA techniques.

Defines the design tokens, component catalog, and layout patterns for the OpenFoodJournal SwiftUI app, ensuring new views stay visually consistent.

Analyzes Stitch projects and synthesizes a semantic design system into a DESIGN.md file, capturing visual theme, colors, typography, and layout principles.

Audits icon usage in a codebase, enforcing lucide-react as the single icon library, correct sizes, semantic colors, and accessibility standards, then applies fixes.

Design professional, scalable logos with complete brand identity deliverables including color palettes, typography, format variations, and usage guidelines. Use when the user requests logo design or provides relevant inputs for this workflow.

Audit and fix visual hierarchy, spacing, color, and depth in web UIs. Use when the user mentions "my UI looks off", "fix the design", "Tailwind styling", "color palette", "visual hierarchy", "design system", "spacing scale", or "component styling". Also trigger when building consistent design tokens, creating dark mode themes, improving data visualization clarity, or polishing UI details before launch. Covers grayscale-first workflow, constrained design scales, shadows, and component styling. For typeface selection, see web-typography. For usability audits, see ux-heuristics.

Generate, fill, or reformat PDFs with a token-based design system that adapts typography, color, and layout to document type.

Provides practical guidance for building iOS applications with UIKit, SnapKit, and SwiftUI, covering layout, typography, colors, accessibility, navigation, and privacy patterns.

Design effective logos using AI image generation, covering logo types, prompting techniques, scalability rules, and iteration workflows.

Design a professional logo with full branding package — primary logo, variations (dark/light/icon-only), color palette, and real-world application mockups.

Converts video, audio, or images into colored ASCII art videos (MP4/GIF) with generative effects, audio-reactive visuals, and text overlays.

Controls Xiaomi Mijia smart home devices such as desk lamps and smart plugs, supporting on/off, brightness, color temperature, and mode adjustments via command-line scripts.

Use this skill when the user is designing any visual system, UI, graphic, layout, brand asset, or interface and needs structured, high-quality, communication-first design decisions across typography, layout, color, imagery, and UX.

Quick WCAG accessibility scan of any URL. Checks color contrast, missing alt text, keyboard navigation, ARIA labels, heading hierarchy, and focus indicators. Produces a graded report. Uses Playwright MCP only — no signup.

Provides frontend design direction, design systems, visual philosophy, and production-grade UI styling for web interfaces, including layout critique, usability auditing, and asset generation.

Generate interior design visualizations by redesigning existing rooms or creating new concepts with specific styles, colors, and furniture.

Provides a design system specification inspired by Runway's cinematic, dark-themed interface with full-bleed photography, single-typeface typography, and minimal UI elements.

Renders table cells with a red-to-green background gradient based on numeric values (0-100) using jQuery and chroma.js, skipping non-numeric content.

Maps images and data onto 3D surfaces using Three.js textures, covering types, material maps, wrapping, filtering, UV mapping, color space, and optimization.

Provides a pre-built Salesforce Sales Cloud data model in Mermaid flowchart format with color coding, relationship indicators, and optional live org metadata enrichment.

Anti-pattern detector and design rules for AI coding agents. Catches the specific mistakes AI makes when generating UI: gray text on color, nested cards, broken buttons, missing states. Use before shipping any frontend.