Results for “light-dark-mode”

33 skills
More results
owl-listener
Dark Mode Design
Design comfortable, accessible dark mode interfaces with proper color adaptation, contrast, and surface hierarchy.
1.7k
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
oimiragieo
Mengto Dither Laser Dark Mode
Use when designing a near-black premium UI with subtle ordered-dither texture and a thin accent-colored laser atmosphere. Prefer this over mengto-dither-background when dither pairs with laser accents; prefer over mengto-blue-laser-clean-glass-layout when ordered dither texture is the surface cue, not frosted glass dashboards.
0 · bundle
wang123582
Night
夜间模式:无人值守连续推进,遇歧义不停下、用最稳妥假设继续并记录。只能由用户手动开启。
1
nexu-io
Deck Graphify Dark
Creates a dark-themed presentation deck with gradient backgrounds, floating blur orbs, SVG force-directed graphs, and JetBrains Mono code highlighting.
· bundle
oimiragieo
Mengto Atmosphere Background
Use when you need a dark atmospheric background with drifting vertical light folds, screen-blended glow, and a concentrated luminous corner or lower-edge bloom — background atmosphere only, not a full layout system.
0 · bundle
nexu-io
Deck Presenter Mode
Creates a presenter-mode deck with speaker notes, theme switching, and a popup teleprompter.
· bundle
owl-listener
Theming System
Design a theming architecture that supports brand variants, dark mode, and high-contrast modes with token mapping.
1.7k
runcomfy-com
Relight
Relight a still image — change the lighting setup, color temperature, direction, or mood — on RunComfy via the `runcomfy` CLI. Routes to Qwen Edit 2509's dedicated `relight` LoRA endpoint for purpose-built relighting, with fallback to identity-preserving edit endpoints (Nano Banana 2 Edit, GPT Image 2 Edit, FLUX Kontext Pro) when prose lighting language is enough. Use for product relighting (studio softbox → window light), portrait mood shift (overcast → golden hour), or color-grade change. Triggers on "relight", "relighting", "change the lighting", "make it golden hour", "studio lighting", "rim light", "blue hour", "soft window light", "change light direction", "color temperature", or any explicit ask to alter how a still is lit.
12
oimiragieo
Mengto Glass Dark Mode Clock
Use when building a dark glass sci-fi instrument UI with frosted shells, soft beam grids, and circular clock-like calibration dials. Prefer this over mengto-dark-glass-clean-layout when clock dials and instrument framing are the signature, not multi-column workspace shells; prefer over mengto-blue-laser-clean-glass-layout when dials matter more than a blue laser atmosphere; prefer over mengto-glass-dark-ui when calibration dials matter more than gradient-border glass cards.
0 · bundle
cloudai-x
Threejs Lighting
Configure and optimize Three.js lighting: ambient, directional, point, spot, hemisphere, and rect area lights with shadows, helpers, and IBL.
2.5k
doany-ai
Relight
Relight a still image — change the lighting setup, color temperature, direction, or mood — on RunComfy via the `runcomfy` CLI. Routes to Qwen Edit 2509's dedicated `relight` LoRA endpoint for purpose-built relighting, with fallback to identity-preserving edit endpoints (Nano Banana 2 Edit, GPT Image 2 Edit, FLUX Kontext Pro) when prose lighting language is enough. Use for product relighting (studio softbox → window light), portrait mood shift (overcast → golden hour), or color-grade change. Triggers on "relight", "relighting", "change the lighting", "make it golden hour", "studio lighting", "rim light", "blue hour", "soft window light", "change light direction", "color temperature", or any explicit ask to alter how a still is lit.
5
oimiragieo
Threejs Lighting
Three.js lighting - light types, shadows, environment lighting. Use when adding lights, configuring shadows, setting up IBL, or optimizing lighting performance.
0
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
prime-skills
Relight
Relight a still image — change the lighting setup, color temperature, direction, or mood — on RunComfy via the `runcomfy` CLI. Routes to Qwen Edit 2509's dedicated `relight` LoRA endpoint for purpose-built relighting, with fallback to identity-preserving edit endpoints (Nano Banana 2 Edit, GPT Image 2 Edit, FLUX Kontext Pro) when prose lighting language is enough. Use for product relighting (studio softbox → window light), portrait mood shift (overcast → golden hour), or color-grade change. Triggers on "relight", "relighting", "change the lighting", "make it golden hour", "studio lighting", "rim light", "blue hour", "soft window light", "change light direction", "color temperature", or any explicit ask to alter how a still is lit.
33
shenxingy
Slt
Toggle the statusline quota pace indicator (mode/theme)
8 · 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
pranavnagrecha
Lwc CSS And Styling
Style Lightning Web Components using SLDS design tokens, styling hooks, scoped CSS, and ::part() while avoiding common pitfalls like !important and shadow-DOM piercing.
15 · bundle
thedixitjain
Neon
Electric neon glow effects with high-contrast color pairings for bold, attention-grabbing interfaces.
2 · bundle
oimiragieo
Mengto Background Grid Webgl
Use when adding a perspective WebGL background grid with fading lines, subtle particle haze, slow forward drift, and gentle camera parallax. Prefer this over mengto-atmosphere-background when the grid/mesh motion is the hero, not soft light folds.
0 · bundle
heath-gtm
Prospecting Analyst
Turn "which leads should I work?" into a lead-by-lead work plan. Per-lead status (never-touched, engaged-not-replied, gone-cold, hot), days-dark per lead, last-touch quality, a re-engagement ranker, and a recommended next action for every lead. Built for SDRs and full-cycle reps, customizable to your CRM and your outreach tool. Trigger on "which leads should I work?", "who haven't I touched?", "show me cold leads", "hot leads to follow up on", "who's gone dark?", "re-engagement candidates", or any lead-level work-assignment question.
0
jiaiyan
Naive UI Theming
Customize and apply themes in Naive UI including dark mode, theme variables, and creating themed components
8
nexu-io
Deck Obsidian Claude
Creates developer tutorial decks with GitHub-dark theme, purple-blue ambient light, gradient titles, and code blocks.
· bundle
bog5d
Minimalist UI
极简编辑风预设 — 基于 taste-anti-slop 的低 VARIANCE 配置。克制、留白、排版驱动。适用于作品集、文档站、编辑类产品。
0
oimiragieo
Mengto Glass Dark UI
Use when asked for dark-mode glassmorphism cards, frosted dark hero sections, blur panels, or glass UI with gradient/glow borders via a pseudo-element mask. Prefer this over mengto-dark-glass-clean-layout when isolated glass cards/borders matter, not multi-column workspace shells; prefer over mengto-glass-dark-mode-clock when there are no clock dials; prefer over mengto-blue-laser-clean-glass-layout when gradient borders matter more than blue laser atmosphere.
0 · 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
antigravity
Loki Mode
Automates the entire software development lifecycle from PRD to production with zero human intervention, using multi-agent orchestration and memory systems.
42.4k · bundle
thedixitjain
Guard
Full safety mode: destructive command warnings + directory-scoped edits. (gstack)
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
livelybug
Guard
Full safety mode: destructive command warnings + directory-scoped edits. (gstack)
0
chimeranext
Theming
Crea un sistema de diseño consistente con múltiples temas (light/dark/custom), Material 3, tipografía personalizada y cambio dinámico de temas en Flutter.
4