Topic · Frontend & Design
Best theming and dark mode skills, page 4
Theming and dark mode skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 145 | Reads and changes the Superset desktop app's settings, such as theme, fonts, terminal and notifications, from the command line, including custom themes built from JSON. | superset-sh/ | 15k | — | ~2.1k | Automated safety check: Pass | Unknown | today |
| 146 | Authors explicit breadcrumb titles, inline ancestors, and lightweight IBreadcrumbProvider postprocessors on OrchardCore admin screens and the front end. | OrchardCMS/ | 8.2k | — | ~6.1k | Automated safety check: Pass | BSD-3-Clause | today |
| 147 | Rules for styling Handsontable themes: CSS custom properties as the public API, SCSS file layout, cell padding from variables, and a ban on :has() selectors. | handsontable/ | 22k | — | ~2.8k | Automated safety check: Pass | Unknown | today |
| 148 | Guide for developing the OpenShell TUI — a ratatui-based terminal UI for the OpenShell platform. | NVIDIA/ | 15k | — | ~8.5k | Automated safety check: Pass | Apache-2.0 | today |
| 149 | Integrates uView UI into UniApp projects: installation, easycom, pages.json and manifest.json settings, navigation, platform differences and theming, with reference files. | feige996/ | 2.3k | — | ~1.7k | Automated safety check: Pass | MIT | 23 days ago |
| 150 | [REQUIRED] Use for ALL Streamlit tasks: creating, editing, debugging, beautifying, styling, theming, optimizing, or deploying Streamlit applications. | iusztinpaul/ | 513 | — | ~3k | Automated safety check: Pass | MIT | 4 mo ago |
| 151 | Build scalable design systems with design tokens, theming infrastructure, and component architecture patterns. | wshobson/ | 40k | 2 repos | ~1k | Automated safety check: Pass | MIT | 3 days ago |
| 152 | Apply typography, color theory, spacing systems, and iconography principles to create cohesive visual designs. | wshobson/ | 40k | 2 repos | ~1.8k | Automated safety check: Pass | MIT | 3 days ago |
| 153 | Build multi-window Meta Horizon OS experiences with the MetaVrx Layout SDK in Jetpack Compose or React Native. | meta-quest/ | 213 | — | ~855 | Automated safety check: Pass | Apache-2.0 | 13 days ago |
| 154 | 154.Cds Docs Retrieve Coinbase Design System (CDS) documentation: setup, installation, theming, tokens, and per-component APIs/examples. | coinbase/ | 506 | — | ~1.1k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 155 | 155.Ktui Comprehensive guide to KtUI (Keenthemes Tailwind UI) — components, theming, initialization, data-attribute API, event system, helpers, and common patterns. | keenthemes/ | 151 | — | ~5.4k | Automated safety check: Pass | MIT | 3 mo ago |
| 156 | Provides guidance on all Ignite UI for Angular data grid types (Flat Grid, Tree Grid, Hierarchical Grid, Grid Lite, Pivot Grid) including setup, column configuration, sorting, filtering, selection… | IgniteUI/ | 599 | — | ~2.6k | Automated safety check: Pass | MIT | today |
| 157 | 157.Create Theme Create custom color themes for Sidecar, including base theme selection, color overrides, gradient borders, tab styles, per-project themes, community themes, and programmatic theme registration. | marcus/ | 1.1k | — | ~3.5k | Automated safety check: Pass | MIT | 2 days ago |
| 158 | Identify the right Ignite UI Web Components (igniteui-webcomponents, grids, charts, dock manager, React wrappers) for a UI requirement and point to official docs, examples, and API references. | IgniteUI/ | 170 | — | ~4.6k | Automated safety check: Pass | MIT | today |
| 159 | Replaces border-plus-shadow combinations on cards, dialogs and other elevated surfaces with the smooth-shadow-ring utilities from the Tailwind shadow-plugin. | flornkm/ | 150 | — | ~1.3k | Automated safety check: Pass | No licence | today |
| 160 | Conventions for building and styling Textual widgets and TCSS in the Mistral Vibe codebase: selectable lists, tool headers, theme variables and overflow. | mistralai/ | 5.1k | — | ~528 | Automated safety check: Pass | Apache-2.0 | today |
| 161 | 161.Dotnet UI Builds .NET UI apps across Blazor (Server, WASM, Hybrid, Auto), MAUI (XAML, MVVM, Shell, Native AOT), Uno Platform (MVUX, Extensions, Toolkit), WPF (.NET 8+, Fluent theme), WinUI 3 (Windows App SDK… | novotnyllc/ | 233 | — | ~1.3k | Automated safety check: Pass | MIT | today |
| 162 | 162.Shadcn Expert guide for ShadCN UI component library with Next.js. An agent skill from mikeOnBreeze/cc-crossbeam. | mikeOnBreeze/ | 293 | — | ~1.2k | Automated safety check: Pass | MIT | 7 mo ago |
| 163 | 163.Concept Diagrams Generate flat, minimal light/dark-aware SVG diagrams as standalone HTML files, using a unified educational visual language with 9 semantic color ramps, sentence-case typography, and automatic dark… | Tommy-yw/ | 546 | 3 repos | ~4.3k | Automated safety check: Pass | MIT | 4 mo ago |
| 164 | 164.Contrast Master Color contrast, themes, dark mode, non-text contrast and color-only meaning. | Community-Access/ | 422 | — | ~1.4k | Automated safety check: Pass | MIT | 14 days ago |
| 165 | Guides UI work on OpenClaw apps so it uses the shared Carapace package: semantic design tokens, theme foundations, shared CSS classes and the product's existing local components. | openclaw/ | 9.5k | — | ~699 | Automated safety check: Pass | MIT | today |
| 166 | Packages generated wiki Markdown into a VitePress static site with dark theme, dark-mode Mermaid diagrams with click-to-zoom, and production build output. | microsoft/ | 3.1k | 5 repos | ~1.1k | Automated safety check: Pass | MIT | yesterday |
| 167 | 167.Vechain Kit VeChain Kit and dapp-kit packages — installation, hooks, components, wallet connection, social login, smart accounts, theming, and Privy setup. | vechain/ | 450 | — | ~1.4k | Automated safety check: Pass | MIT | 2 mo ago |
| 168 | 168.Radix UI Expert guidance for building React UIs with Radix Themes and Radix Primitives. | aehrc/ | 137 | — | ~1.5k | Automated safety check: Pass | Apache-2.0 | today |
| 169 | 169.Email Write Compose high-converting emails using proven copy frameworks (PAS, AIDA, BAB, FAB, 4Ps). | AgriciDaniel/ | 129 | — | ~2.8k | Automated safety check: Pass | MIT | 4 mo ago |
| 170 | Builds Ignite UI Web Components views from Figma designs, supporting Indigo.Design kits, third-party kits (Material 3, Fluent 2, shadcn/ui, Untitled UI, in-house), and plain frames. | IgniteUI/ | 170 | — | ~7.2k | Automated safety check: Pass | MIT | today |
| 171 | Develops and administers SAP Build Work Zone, advanced edition digital workplace solutions. | secondsky/ | 462 | — | ~3.3k | Automated safety check: Pass | GPL-3.0 | 2 days ago |
| 172 | Guide for using the Microsoft Fluent UI Blazor component library (Microsoft.FluentUI.AspNetCore.Components NuGet package) in Blazor applications. | github/ | 40k | 1 repo | ~1.9k | Automated safety check: Pass | MIT | today |
| 173 | 173.Tailwindcss Tailwind CSS v4 utility-first styling patterns including responsive design, dark mode, and custom configuration. | blencorp/ | 106 | — | ~2.2k | Automated safety check: Pass | MIT | 10 mo ago |
| 174 | 174.Glass Dark UI Build dark-mode glassmorphism interfaces with readable contrast, frosted surfaces, and gradient borders using a pseudo-element mask. | boraoztunc/ | 395 | 2 repos | ~962 | Automated safety check: Pass | Apache-2.0 | 1 mo ago |
| 175 | 175.Design Tokens Generate, extend, or audit design tokens in DTCG format with the 3-tier architecture (primitive → semantic → component). | plugin87/ | 1.5k | — | ~517 | Automated safety check: Pass | MIT | today |
| 176 | This skill provides guidance for using the Packmind UI component library (@packmind/ui). | PackmindHub/ | 317 | — | ~2.8k | Automated safety check: Pass | Apache-2.0 | today |
| 177 | 177.Pneuma Diagram Create and edit draw.io diagrams in the Pneuma Diagram workspace. | pandazki/ | 162 | — | ~2.2k | Automated safety check: Pass | MIT | 10 days ago |
| 178 | Set up a data grid with Ignite UI Web Components, including grid selection, single-design-system theming, Shadow DOM theme injection, component registration, fluid layout, and sorting/filtering. | IgniteUI/ | 170 | — | ~2.2k | Automated safety check: Pass | MIT | today |
| 179 | A skill your agent uses when working with or building design systems — tokens, components, naming conventions, theming, or pattern libraries — ensures consistency, accessibility compliance, and… | Owl-Listener/ | 251 | — | ~1.1k | Automated safety check: Pass | MIT | 3 mo ago |
| 180 | 180.Color Font Skill Choose presentation-ready color palettes and font pairings for PPT/design tasks. | haojing8312/ | 141 | 1 repo | ~1.4k | Automated safety check: Pass | Apache-2.0 | 4 mo ago |
| 181 | 181.UI A skill your agent uses when building or editing frontend UI components, layouts, styling, design system usage, colors, dark mode, or icons. | trycompai/ | 2k | — | ~832 | Automated safety check: Pass | AGPL-3.0 | today |
| 182 | A skill your agent uses when building native Android with Jetpack Compose - stateless composables, state hoisting, ViewModel-owned state, edge-to-edge, predictive back, adaptive layout, atomic… | makifbaysal/ | 109 | — | ~1.9k | Automated safety check: Pass | Apache-2.0 | today |
| 183 | 183.Seasonal Aso When the user wants to optimize their App Store listing for seasonal events, holidays, or trending moments — including keyword opportunities, metadata updates, screenshot theming, and timing strategy. | appeeky/ | 2.2k | — | ~1.4k | Automated safety check: Pass | MIT | yesterday |
| 184 | 184.Dark Mode Web and App implementation guide for Dark Mode Design. An agent skill from sickn33/agentic-awesome-skills. | sickn33/ | 47k | 1 repo | ~2.8k | Automated safety check: Pass | MIT | today |
| 185 | 185.Monochromatic UI Web and App implementation guide for Monochromatic UI. An agent skill from sickn33/agentic-awesome-skills. | sickn33/ | 47k | 1 repo | ~2.7k | Automated safety check: Pass | MIT | today |
| 186 | 186.Uniwind Uniwind — Tailwind CSS v4 styling for React Native. An agent skill from Ohh-889/skyroc. | Ohh-889/ | 795 | — | ~1.4k | Automated safety check: Pass | MIT | 1 mo ago |
| 187 | Apply a Classic Easter seasonal overlay: pastel Theme/StyleBox injection, confetti/shimmer VFX, elastic juice, mesh surfaceoverride painting, cursor/audio swaps, and a date-window activation gate… | thedivergentai/ | 809 | — | ~3.1k | Automated safety check: Pass | LGPL-3.0 | 29 days ago |
| 188 | 188.Pneuma Draw Create and edit visual content on the Excalidraw canvas in the Pneuma Draw workspace. | pandazki/ | 162 | — | ~1.7k | Automated safety check: Pass | MIT | 10 days ago |
| 189 | Step-by-step migration from igniteui-grid-lite (IgcGridLite, <igc-grid-lite) to the premium igniteui-webcomponents-grids data grid (IgcGridComponent, <igc-grid), covering imports, class names, HTML… | IgniteUI/ | 170 | — | ~4.3k | Automated safety check: Pass | MIT | today |
| 190 | 190.Datavis Comprehensive data visualization toolkit for creating beautiful, mathematically elegant visualizations with D3.js, Chart.js, and custom SVG. | foryourhealth111-pixel/ | 3.6k | — | ~1.1k | Automated safety check: Pass | Apache-2.0 | 1 mo ago |
| 191 | 191.Pixi Vn UI A skill your agent uses when building game UI (menus, HUD, dialogue box, settings/save screens) on top of Pixi'VN with an external JS framework (React, Vue) or with plain PixiJS components —… | DRincs-Productions/ | 149 | — | ~3.8k | Automated safety check: Pass | LGPL-2.1 | 7 days ago |
| 192 | 192.Clean Simplicity-focused design with ample whitespace, legible typography, and a limited color palette to reduce visual clutter. | bergside/ | 3.1k | 1 repo | ~918 | Automated safety check: Pass | MIT | 3 mo ago |
Explore related skills
Category
More topics in Frontend & Design
- Accessibility1,033
- Design systems836
- UI design478
- Landing pages460
- React components455
- Internationalization414
- Typography397
- Design tokens395
- Frontend development360
- CSS and styling352
- Web performance316
- HTML artifacts277
- State management276
- Static sites and blogs268
- UX design265
- Responsive design261
- Web animation and motion190
- Forms and validation180
- Design to code104
- Icons and illustration64