Topic · Frontend & Design
Best theming and dark mode skills, page 2
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 |
|---|---|---|---|---|---|---|---|---|
| 49 | Design and UI skill for the Worklog desktop project manager. | regisx001/ | 258 | — | ~3.3k | Automated safety check: Pass | MIT | 1 mo ago |
| 50 | Builds bidirectional Streamlit Custom Components v2 (CCv2) using st.components.v2.component. | iusztinpaul/ | 512 | — | ~2.8k | Automated safety check: Pass | Apache-2.0 | 4 mo ago |
| 51 | Home Assistant frontend styling, theming, spacing, responsive layout, RTL, and View Transitions guidance. | home-assistant/ | 5.7k | — | ~799 | Automated safety check: Pass | Apache-2.0 | today |
| 52 | 52.23rd Install, choose, and compose 23rd shadcn/ui registry components for React and Svelte 5. | radiumcoders/ | 137 | — | ~2.8k | Automated safety check: Pass | No licence | yesterday |
| 53 | 53.Lovdacn Manages lovdacn (lvcn) components and projects for Expo & React Native — adding, initializing, fixing, debugging, styling, theming, and composing UI with NativeWind or Uniwind. | lovdacn/ | 107 | — | ~3.9k | Automated safety check: Pass | MIT | 1 mo ago |
| 54 | 54.Bezel Build native GUI apps in Rust with bezel, the gpui component library (bezel, bezel-gpui, bezel-ui, bezel-theme, bezel-motion, bezel-icons, bezel-markdown, bezel-editor, bezel-terminal). | crabtalk/ | 169 | — | ~1.6k | Automated safety check: Pass | MIT | yesterday |
| 55 | Shows an agent how to install and use the @pierre/theme package, which ships ten Pierre light and dark color themes for Shiki and VS Code. | pierrecomputer/ | 6.2k | — | ~352 | Automated safety check: Pass | Apache-2.0 | today |
| 56 | Enforce AIRI's UnoCSS, Vue styling, shared UI component, animation, icon, and color-mode practices. | moeru-ai/ | 50k | — | ~525 | Automated safety check: Pass | MIT | today |
| 57 | 57.Token System OUDS design token system rules and architecture. An agent skill from Orange-OpenSource/Orange-Boosted-Bootstrap. | Orange-OpenSource/ | 222 | — | ~780 | Automated safety check: Pass | MIT | today |
| 58 | Apply consistent Material Design UI theming in Egroo using MudBlazor. | jihadkhawaja/ | 178 | — | ~1.6k | Automated safety check: Pass | Apache-2.0 | 6 mo ago |
| 59 | 59.Golemui Build, validate, and debug GolemUI forms in React, Angular, Vue, Lit, or vanilla JS. | golemui/ | 113 | — | ~2.2k | Automated safety check: Pass | MIT | yesterday |
| 60 | 60.Theming Scaffold a unified, cross-platform color theme system into an Expo Router app. | Code-with-Beto/ | 141 | — | ~2.5k | Automated safety check: Pass | No licence | 2 mo ago |
| 61 | 61.Termui Quick reference for TermUI components, hooks, and theming. An agent skill from Arindam200/termui. | Arindam200/ | 141 | — | ~2.8k | Automated safety check: Pass | MIT | 5 mo ago |
| 62 | React UI component systems with TailwindCSS + Radix + shadcn/ui. | try-works/ | 117 | — | ~5k | Automated safety check: Pass | MIT | today |
| 63 | 63.Oklch Skill OKLCH color space for web projects. An agent skill from Dinil-Thilakarathne/sona-ui. | Dinil-Thilakarathne/ | 117 | 1 repo | ~1.2k | Automated safety check: Pass | MIT | today |
| 64 | Add, inspect, repair, or validate CodeDrobe Core adapters for Chromium/Electron AI desktop applications. | CodeDrobe/ | 250 | — | ~961 | Automated safety check: Pass | Apache-2.0 | 1 mo ago |
| 65 | A skill your agent uses when building or modifying UI with the Dile Components library (@dile/ui, @dile/crud, @dile/editor, @dile/utils, @dile/lib, @dile/iconlib, @dile/icons) — a… | Polydile/ | 106 | — | ~816 | Automated safety check: Pass | MIT | 6 days ago |
| 66 | Color systems for digital products. An agent skill from Lily-404/blog. | Lily-404/ | 151 | 3 repos | ~2k | Automated safety check: Pass | No licence | 14 days ago |
| 67 | MacMagazine design reference — theme tokens, card selection, typography, touch targets, accessibility, dark mode. | MacMagazine/ | 171 | — | ~767 | Automated safety check: Pass | No licence | today |
| 68 | UI/UX design intelligence. An agent skill from Ohh-889/skyroc. | Ohh-889/ | 795 | 26 repos | ~3.6k | Automated safety check: Notes | MIT | 1 mo ago |
| 69 | Add dark mode styles to components using Tailwind dark: variant classes. | codecrafters-io/ | 126 | — | ~1.1k | Automated safety check: Pass | Unknown | today |
| 70 | 70.Svgrid Writes, fixes, and reviews SvGrid data-grid code in Svelte 5 projects - columns, features, inline editing, filtering, theming with --sg- tokens, server-side data, the built-in AI helpers, and the… | sv-grid/ | 179 | — | ~2.4k | Automated safety check: Pass | Unknown | today |
| 71 | Production-tested setup for Tailwind CSS v4 with shadcn/ui, Vite, and React. | ever-works/ | 158 | 2 repos | ~3.8k | Automated safety check: Pass | MIT | yesterday |
| 72 | Apply the bryl-minimal design language — a monochrome, typography-driven minimal aesthetic with halftone dot textures, pixel-font display headings, tiny uppercase monospace labels, soft large-radius… | bryllim/ | 114 | — | ~2.9k | Automated safety check: Pass | MIT | 2 mo ago |
| 73 | 73.Swiss Design Apply a Swiss International Style design system using Tailwind CSS. | try-works/ | 117 | 1 repo | ~3.2k | Automated safety check: Pass | MIT | today |
| 74 | Make a site behave on real phones — the defects no Lighthouse run or headless scroll test sees, learned from site owners reviewing production sites on an iPhone. | textura-agency/ | 132 | — | ~5k | Automated safety check: Notes | Unlicense | today |
| 75 | Generate professional SVG UI panels for structured information display. | xjtulyc/ | 617 | 1 repo | ~522 | Automated safety check: Pass | No licence | 6 mo ago |
| 76 | 76.Chakra UI Contains Chakra UI v3 documentation for styling, theming, and components. | mikotoIO/ | 132 | — | ~824 | Automated safety check: Pass | MIT | 2 mo ago |
| 77 | Implements Angular application views from design images using Ignite UI Angular components. | IgniteUI/ | 599 | — | ~4.7k | Automated safety check: Pass | MIT | yesterday |
| 78 | Create an HTML color palette from a mood, description, or image, with swatches, color codes, pairings, and contrast checks. | AlpacaLabsLLC/ | 372 | — | ~2.4k | Automated safety check: Pass | MIT | yesterday |
| 79 | Comprehensive design guide for web, mobile, and desktop applications. | futureboard/ | 106 | — | ~5.6k | Automated safety check: Pass | MIT | today |
| 80 | Style Docusaurus sites to match Avalonia Customer Portal theme using TailwindCSS, CSS variables, and component swizzling. | AvaloniaUI/ | 166 | — | ~3.3k | Automated safety check: Pass | No licence | today |
| 81 | A skill your agent uses for Cachet Tailwind CSS and UI styling: Blade utility classes, public status-page components, Filament dashboard theme work, responsive layout, dark mode, spacing… | cachethq/ | 230 | — | ~1.1k | Automated safety check: Pass | MIT | 2 days ago |
| 82 | UI/UX design intelligence expert for web and mobile applications. | shobcoder/ | 577 | — | ~3.7k | Automated safety check: Pass | MIT | 19 days ago |
| 83 | Theme and style Ignite UI Web Components (and igniteui-react) apps using CSS custom properties, optional Sass, and the igniteui-theming MCP server. | IgniteUI/ | 170 | — | ~4.3k | Automated safety check: Pass | MIT | today |
| 84 | Team-management dashboard skill in the FlowAI aesthetic — three tabs (Team Members, Team Details, Activity Log), KPI stat row, member table, role distribution bar chart, online presence and activity… | nexu-io/ | 100k | — | ~865 | Automated safety check: Pass | Apache-2.0 | today |
| 85 | Create distinctive, production-grade frontend interfaces with high design quality. | jwynia/ | 165 | — | ~3.2k | Automated safety check: Pass | MIT | 7 mo ago |
| 86 | Build dark-themed React applications using Tailwind CSS with custom theming, glassmorphism effects, and Framer Motion animations. | microsoft/ | 3.1k | 5 repos | ~3.6k | Automated safety check: Pass | MIT | yesterday |
| 87 | Generate self-contained HTML/SVG infographics from JSON data, including stat cards, bar charts, flow diagrams, and mixed dashboards. | zebbern/ | 4.6k | — | ~1.3k | Automated safety check: Pass | MIT | today |
| 88 | Styles applications using Tailwind CSS v3 utilities. An agent skill from OpenLitterMap/openlittermap-web. | OpenLitterMap/ | 134 | — | ~713 | Automated safety check: Pass | MIT | 22 days ago |
| 89 | A skill your agent uses when generating UI for a specific scenario (mobile/PC/官网/管理端/营销页/文档/金融/原生/3D), when refactoring an existing HTML/Vue/React project to a unified design system, when extracting… | jiushiwon/ | 110 | — | ~1.4k | Automated safety check: Pass | Apache-2.0 | 3 days ago |
| 90 | Extract design tokens, text styles, and variables from a Figma design system and produce a design-tokens.json plus ready-to-use QML singletons. | TheQtCompanyRnD/ | 459 | — | ~7.3k | Automated safety check: Pass | BSD-3-Clause | yesterday |
| 91 | A skill your agent uses when building or reviewing UI with Bootstrap 5.3 — setting up the CDN/npm, using the grid & breakpoints, utility classes (spacing/color/flex/display), components (navbar… | BlueAndi/ | 443 | — | ~2k | Automated safety check: Pass | MIT | today |
| 92 | Generates and customizes Ignite UI for Angular themes including color palettes, typography, elevations, and component-level styles using the Sass theming system and the igniteui-theming MCP server. | IgniteUI/ | 599 | — | ~4.1k | Automated safety check: Pass | MIT | yesterday |
| 93 | Work with @alfalab/core-components React UI library — imports, theming, MCP tools, and component patterns | core-ds/ | 137 | — | ~3.1k | Automated safety check: Pass | MIT | yesterday |
| 94 | Configure a Great Docs documentation site through great-docs.yml. | pymc-labs/ | 132 | — | ~2k | Automated safety check: Pass | MIT | 4 days ago |
| 95 | A skill your agent uses when working on AUTO-MAS frontend UI, Ant Design Vue components, page layout, forms, tables, modals, drawers, feedback, empty/loading/error states, drag interactions, dark… | AUTO-MAS-Project/ | 707 | — | ~3.8k | Automated safety check: Pass | AGPL-3.0 | today |
| 96 | 96.Audit Run technical quality checks across accessibility, performance, theming, responsive design, and anti-patterns. | growupanand/ | 101 | 6 repos | ~1.9k | Automated safety check: Pass | Apache-2.0 | today |
Explore related skills
Category
More topics in Frontend & Design
- Accessibility1,046
- Design systems858
- UI design489
- React components461
- Landing pages455
- Internationalization415
- Typography404
- Design tokens393
- CSS and styling357
- Frontend development337
- Web performance315
- State management295
- HTML artifacts275
- Responsive design272
- Static sites and blogs270
- UX design266
- Web animation and motion195
- Forms and validation189
- Design to code90
- Icons and illustration63