Topic · Frontend & Design
Best theming and dark mode skills, page 3
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 |
|---|---|---|---|---|---|---|---|---|
| 97 | 97.Blog Chart Generate dark-mode-compatible inline SVG data visualization charts for blog posts. | AgriciDaniel/ | 2.3k | — | ~2.4k | Automated safety check: Pass | MIT | 5 days ago |
| 98 | Implement application views from design images (screenshots, mockups, wireframes) using Ignite UI Web Components, with the igniteui-cli and igniteui-theming MCP servers for component discovery… | IgniteUI/ | 170 | — | ~4.6k | Automated safety check: Pass | MIT | today |
| 99 | A skill your agent uses when the user asks to "build the email HTML", "make this email responsive", "fix dark-mode rendering", or "QA the email across clients"; produces the coded HTML build — a… | aaron-he-zhu/ | 2.9k | 2 repos | ~3.6k | Automated safety check: Pass | Apache-2.0 | today |
| 100 | A skill your agent uses for ALL Streamlit tasks: creating, editing, debugging, beautifying, styling, theming, optimizing, or deploying Streamlit apps. | streamlit/ | 223 | — | ~412 | Automated safety check: Pass | Apache-2.0 | 2 mo ago |
| 101 | Create comprehensive palette with 8-10 greys, 5-10 primary, 5-10 accent shades | gnurio/ | 440 | — | ~1.6k | Automated safety check: Pass | Unknown | 5 mo ago |
| 102 | 102.UI Components Conventions for building/editing components in packages/ui (@tableslayer/ui) — file anatomy, Svelte 5 props/snippets patterns, BEM + CSS token styling, theming, toast/popover gotchas, and how to… | Siege-Perilous/ | 122 | — | ~2k | Automated safety check: Pass | Unknown | yesterday |
| 103 | Comprehensive UI/animation patterns reference from expo-playground. | bpinheiroms/ | 108 | — | ~9.3k | Automated safety check: Pass | No licence | 4 mo ago |
| 104 | Generates type scales, color palettes, spacing systems, WCAG contrast checks and dark mode palettes from formulas, as CSS custom properties, a Tailwind config or JSON tokens. | dylanfeltus/ | 179 | — | ~2.9k | Automated safety check: Pass | MIT | 20 days ago |
| 105 | How design tokens and recipes flow from styleframe into Inkline — the presets, the two faces of virtual:styleframe, recipe class contracts, theming, and the rules for custom CSS in components. | inkline/ | 1.5k | — | ~1.2k | Automated safety check: Pass | No licence | 26 days ago |
| 106 | A skill your agent uses for UI/UX design intelligence in Codex: planning, building, reviewing, improving, or implementing web/mobile interfaces, landing pages, dashboards, design systems… | Jason904/ | 144 | — | ~865 | Automated safety check: Pass | MIT | 3 mo ago |
| 107 | 107.Daisyui Tailwind CSS component library providing semantic class names for 50+ components with built-in themes, dark mode, and customization for rapid UI development. | rayriffy/ | 126 | — | ~8.6k | Automated safety check: Pass | MIT | 15 days ago |
| 108 | 108.UI UX Pro Max UI/UX design intelligence for web and mobile. An agent skill from selmakcby/claude-agents-skills. | selmakcby/ | 136 | — | ~777 | Automated safety check: Pass | MIT | 5 mo ago |
| 109 | Provides a structured workflow for migrating an Android XML View to Jetpack Compose. | arindamxd/ | 132 | 5 repos | ~1.4k | Automated safety check: Pass | Apache-2.0 | 5 days ago |
| 110 | 110.Yuv Viral Video Edit any selfie or screen-share footage into a viral short-form video in YUV.AI's signature style — Apple-style liquid-glass cards (real CSS backdrop-filter), dark-mode polish, MrBeast-paced cuts… | hoodini/ | 282 | — | ~7.5k | Automated safety check: Notes | No licence | 2 mo ago |
| 111 | 111.Tui Design This skill should be used when designing terminal user interfaces, creating TUI layouts, choosing TUI color schemes, implementing keyboard navigation, building terminal dashboards, or working with… | pass-agent/ | 181 | — | ~5k | Automated safety check: Pass | MIT | 4 mo ago |
| 112 | Design and style ryOS UI using the current OS theme token system, Tailwind variants, shared primitives, Aqua Glass, dark mode, and accent conventions. | ryokun6/ | 1.3k | — | ~3.1k | Automated safety check: Pass | AGPL-3.0 | today |
| 113 | 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 |
| 114 | Builds Angular views from Figma designs with Ignite UI for Angular, supporting Indigo.Design kits, third-party kits, and plain frames. | IgniteUI/ | 599 | — | ~6.4k | Automated safety check: Pass | MIT | yesterday |
| 115 | A checklist for UI changes that touch colors, surfaces or theme code, making sure light and dark modes, devices, states and layering all still work. | ZeroDeng01/ | 1.7k | — | ~1.4k | Automated safety check: Pass | MIT | 2 days ago |
| 116 | 116.Apply Aesthetic Applies a chosen visual direction, an archetype or one of 138 named design systems, by remapping design tokens, then checks contrast before it finishes. | plugin87/ | 1.5k | — | ~597 | Automated safety check: Pass | MIT | today |
| 117 | 117.Brand Systems Brand identity building blocks: positioning, personality, archetypes, logo systems, color palettes, type pairing, voice, and guidelines documentation. | HermeticOrmus/ | 111 | — | ~2.3k | Automated safety check: Pass | MIT | 3 days ago |
| 118 | Design system imported from the SlayTheAmethyst Android Jetpack Compose launcher: Material 3 surfaces, user-selected seed colors, light and dark themes and typography rules. | ModinMobileSTS/ | 400 | — | ~1.7k | Automated safety check: Pass | Unknown | 8 days ago |
| 119 | .NET MAUI app icon configuration, splash screen setup, SVG to PNG conversion at build time, composed/adaptive icons, and platform-specific icon and splash screen requirements for Android, iOS, Mac… | davidortinau/ | 174 | — | ~995 | Automated safety check: Pass | MIT | 3 mo ago |
| 120 | 120.Add CLI Command A skill your agent uses when adding a command to the aegis tool CLI (the framework's own aegis ... | lbedner/ | 143 | — | ~2.4k | Automated safety check: Pass | MIT | today |
| 121 | 121.Ktui Install Install, configure, and initialize KtUI (Keenthemes Tailwind UI) in any project. | keenthemes/ | 151 | — | ~994 | Automated safety check: Pass | MIT | 3 mo ago |
| 122 | Sets the rules for building reusable iPolloWork Video components such as maps, charts, rankings and diagrams, with shared variable forms, data tables and inherited themes. | Devin-AXIS/ | 6.7k | — | ~1.1k | Automated safety check: Pass | Unknown | yesterday |
| 123 | 123.Hig Foundations Apple Human Interface Guidelines design foundations. An agent skill from raintree-technology/hig-doctor. | raintree-technology/ | 142 | 5 repos | ~1.8k | Automated safety check: Pass | MIT | 26 days ago |
| 124 | Build, restyle, or review accessible React interfaces that use shadcn/ui, Radix UI primitives, and Tailwind CSS. | LiarMTTT/ | 148 | — | ~1.7k | Automated safety check: Pass | Unknown | 3 days ago |
| 125 | 125.UI UX Pro Max [Frontend] Frontend UI/UX design intelligence - activate FIRST when user requests beautiful, stunning, gorgeous, or aesthetic interfaces. | InternScience/ | 172 | — | ~2.9k | Automated safety check: Notes | No licence | 6 mo ago |
| 126 | 126.Code Review Review a vision-mobile React Native change (diff, branch, PR or file) against this repo's own traps and conventions: action sheet return values, setNativeProps caret, safe-area edges, editor… | ecency/ | 262 | — | ~2k | Automated safety check: Pass | MIT | 2 days ago |
| 127 | Styles applications using Tailwind CSS v4 utilities. An agent skill from slimani-dev/muraqib. | slimani-dev/ | 128 | — | ~970 | Automated safety check: Pass | MIT | 8 days ago |
| 128 | 128.Shiny Bslib Build modern Shiny dashboards and applications using bslib (Bootstrap 5). | posit-dev/ | 529 | — | ~2.5k | Automated safety check: Pass | MIT | yesterday |
| 129 | 129.Primevue Skilld A skill your agent uses when writing, debugging, or updating code that imports primevue (PrimeVue v5, UI component library for Vue 3). | skilld-dev/ | 181 | — | ~1.9k | Automated safety check: Pass | MIT | 15 days ago |
| 130 | Apply SLDS-compliant UI using the correct blueprints, styling hooks, utility classes, and icons. | forcedotcom/ | 1.1k | — | ~3.7k | Automated safety check: Pass | Apache-2.0 | 5 days ago |
| 131 | Builds a from-scratch brand design system as three-tier DTCG tokens plus one theme.css with light and dark modes, checked against WCAG contrast rules. | plugin87/ | 1.5k | — | ~809 | Automated safety check: Pass | MIT | today |
| 132 | 132.Design Archivist Long-running design anthropologist that builds comprehensive visual databases from 500-1000 real-world examples, extracting color palettes, typography patterns, layout systems, and interaction… | curiositech/ | 243 | 1 repo | ~1.6k | Automated safety check: Pass | MIT | 1 mo ago |
| 133 | WordPress Full Site Editing (FSE) theme architecture. An agent skill from Automattic/wordpress-agent-skills. | Automattic/ | 115 | — | ~4.8k | Automated safety check: Pass | No licence | 6 mo ago |
| 134 | You are an expert in Docusaurus theming and the Infima CSS framework. | AvaloniaUI/ | 166 | — | ~1.3k | Automated safety check: Pass | No licence | today |
| 135 | .NET MAUI safe area and edge-to-edge layout guidance for .NET 10+. | dotnet/ | 5.6k | 1 repo | ~3.2k | Automated safety check: Pass | MIT | today |
| 136 | Guide for theming .NET MAUI apps — light/dark mode via AppThemeBinding, ResourceDictionary theme switching, DynamicResource bindings, system theme detection, and user theme preferences. | dotnet/ | 5.6k | 1 repo | ~4.1k | Automated safety check: Pass | MIT | today |
| 137 | Creating and customizing Streamlit themes. An agent skill from iusztinpaul/designing-real-world-ai-agents-workshop. | iusztinpaul/ | 512 | — | ~3.7k | Automated safety check: Pass | Apache-2.0 | 4 mo ago |
| 138 | 138.Lint Health-check the Obsidian wiki — the "static analysis" pass for a knowledge base. | HurricaHjz/ | 113 | — | ~6.3k | Automated safety check: Pass | MIT | 6 days ago |
| 139 | 139.Frontend UX Frontend UX rules for Ethereum dApps that prevent the most common AI agent UI bugs. | austintgriffith/ | 294 | — | ~1.5k | Automated safety check: Pass | No licence | 1 mo ago |
| 140 | 140.Debug Diagnose a bug in the Ecency mobile app when a broadcast or login fails, a wallet or transfer amount is wrong, a screen or deep link does not open, a bottom sheet misbehaves, dark mode colors are… | ecency/ | 262 | — | ~2.7k | Automated safety check: Pass | MIT | 2 days ago |
| 141 | Advanced theming for Shiny apps using bslib and Bootstrap 5. | posit-dev/ | 529 | — | ~3.6k | Automated safety check: Pass | MIT | yesterday |
| 142 | Covers all non-grid Ignite UI for Angular UI components: application scaffolding and setup, form controls (inputs, combos, selects, date/time pickers, calendar, checkbox, radio, switch, slider)… | IgniteUI/ | 599 | — | ~1.7k | Automated safety check: Pass | MIT | yesterday |
| 143 | 143.Widget Creator Step-by-step guide for creating new widgets in the Hex1b TUI library. | mitchdenny/ | 177 | — | ~7.6k | Automated safety check: Pass | MIT | 5 days ago |
| 144 | 144.Material Theming Best practices for Flutter theming with Material 3, treating ThemeData as the single source of truth for colors, typography, component styles, and spacing. | VeryGoodOpenSource/ | 169 | — | ~2.3k | Automated safety check: Pass | MIT | yesterday |
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