Theming and dark mode

Extracts the 5 most quotable moments from content atoms and generates /banana image prompts for each using the 6-Component Brief.

AgriciDaniel/claude-repurpose

A skill your agent uses when building ANY website, web app, landing page, or web-based UI - searches real template marketplaces for professionally designed layouts in the user's industry or niche…

NoobyGains/godmode

Provides design token system and theming framework for consistent, customizable UI styling across all components.

ancoleman/ai-design-components

Generates infographic image card series with 12 visual styles, 8 layouts, and 3 color palettes.

guanyang/open-agent-hub

This skill should be used when enhancing the visual design and aesthetics of Next.js web applications.

ailabs-393/ai-labs-claude-skills

Create, update, or refresh a visual design system or art style guide.

kenneth-liao/ai-launchpad-marketplace

Generate complete, accessible colour palettes from a single brand hex.

jezweb/claude-skills

Create and edit visual content on the Excalidraw canvas in the Pneuma Draw workspace.

pandazki/pneuma-skills

Expert blueprint for UI themes using Theme resources, StyleBoxes, custom fonts, and theme overrides for consistent visual styling.

thedivergentai/GD-Agentic-Skills

A skill your agent uses when generating or editing images with DashScope Wan 2.7 image models (wan2.7-image, wan2.7-image-pro).

cinience/alicloud-skills

Perform comprehensive audit of interface quality across accessibility, performance, theming, and responsive design.

boussadjra/vuestrata

shadcn-vue for Vue/Nuxt with Reka UI components and Tailwind.

secondsky/claude-skills

A skill your agent uses when designing terminal user interfaces, creating TUI layouts, choosing TUI color schemes, implementing keyboard navigation, building terminal dashboards, or working with any…

pedronauck/skills

Assembles component outputs from AI Design Components skills into unified, production-ready component systems with validated token integration, proper import chains, and framework-specific…

ancoleman/ai-design-components

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/tasktrooper

A skill your agent uses when building a design token system, creating accessible colour palettes, generating colour ramps programmatically, or migrating a design system to support wide-gamut displays.

thedaviddias/Front-End-Checklist

A skill your agent uses when reviewing stylesheets, component styles, and responsive behavior related to Support dark mode with prefers-color-scheme.

thedaviddias/Front-End-Checklist

Generates rich technical documentation pages with dark-mode Mermaid diagrams, source code citations, and first-principles depth.

microsoft/skills

Select colormaps and qualitative palettes for scientific figures using perceptual-uniformity, color-vision-deficiency safety, and luminance-monotonicity criteria.

GPTomics/bioSkills

A skill your agent uses when designing iOS interfaces, implementing accessibility (VoiceOver, Dynamic Type), handling dark mode, ensuring adequate touch targets, providing animation/haptic feedback…

johnrogers/claude-swift-engineering

Build and edit dashboards in the Pneuma GridBoard workspace — tiles, layout, data sources, theming.

pandazki/pneuma-skills

Extract color palettes from images, websites, or designs. An agent skill from OneWave-AI/claude-skills.

OneWave-AI/claude-skills

Current-era minimalist design with bento grids, dark mode support, and high-performance accessible layouts.

bergside/awesome-design-skills

Game-inspired fantasy aesthetic with bold, premium visuals, rich color palettes, and immersive thematic elements.

bergside/awesome-design-skills

Approachable, intuitive design with rounded elements, ample whitespace, and soft pastel color palettes.

bergside/awesome-design-skills

Google's Material Design with layered surfaces, dynamic theming, built-in motion, and responsive cross-platform patterns.

bergside/awesome-design-skills

Modern minimalist aesthetic with clean lines, intentional color palette, subtle interactions, and consistent spacing.

bergside/awesome-design-skills

1950s-1990s nostalgia with skeuomorphic touches, grainy textures, retro color palettes, and pixel-style typography.

bergside/awesome-design-skills

Using TailwindPlus Elements (@tailwindplus/elements) in the Rocky VS Code webviews.

rocky-data/rocky

Apply professional font and color themes to artifacts including slides, docs, reports, and HTML landing pages.

nexu-io/open-design

How to author, wire, and verify the hand-drawn brand SVG diagrams on the Flowfile docs site — the exact file contract (viewBox, role + aria-label, defs→style→content), the shipped palette and…

Edwardvaneechoud/Flowfile

LunCoSim's centralised theming system. An agent skill from LunCoSim/lunco-sim.

LunCoSim/lunco-sim

A skill your agent uses when working on files in packages/plugins/, adding new plugins, refactoring plugin components/containers, writing storybooks for plugins, or wiring capabilities like…

dxos/dxos

A skill your agent uses when responsive HTML email has to render correctly in every client — table-based structure, inline CSS, 600px max width, dark mode handling, quirks for Gmail, Apple Mail…

minhnv0807/ai-business-skills

A user-empowering data visualization Vue 3 components library (69 components) for eloquent data storytelling.

skilld-dev/vue-ecosystem-skills

Guidance for localizing .NET MAUI apps: multi-language support via .resx resource files, culture resolution and runtime switching, RTL layout, platform language declarations (iOS/Mac Catalyst…

davidortinau/maui-skills

.NET MAUI safe area and edge-to-edge layout guidance for .NET 10+.

davidortinau/maui-skills

Guide for theming .NET MAUI apps—light/dark mode support, AppThemeBinding, dynamic resources, ResourceDictionary theme switching, and system theme detection.

davidortinau/maui-skills

A skill your agent uses when building or restructuring design token systems — global tokens, semantic tokens, component tokens, naming conventions, theming, and multi-platform token distribution

Owl-Listener/designpowers

Web UI - glassmorphism, Tailwind, dark mode, accessibility. An agent skill from alinaqi/maggy.

alinaqi/maggy

Build accessible design systems with Radix UI primitives. An agent skill from aiskillstore/marketplace.

aiskillstore/marketplace

Design tokens, light/dark theming, and WCAG contrast validation for HTML documents and decks, compiled into one inlinable CSS bundle.

borghei/Claude-Skills

Audit Lightning Web Components for SLDS design-system compliance and produce a scored quality report.

forcedotcom/sf-skills

Tailwind CSS utility patterns with shadcn/ui component usage, theming via CSS variables, and responsive design.

BlackBeltTechnology/pi-agent-dashboard

Build a product colour system — tonal scales, semantic roles, and contrast compliance.

Owl-Listener/designer-skills

Adapt an existing palette to dark mode — surface elevation, contrast rebalancing, and desaturation rules.

Owl-Listener/designer-skills

Define and organise tokens for colour, spacing, type, and elevation with naming and usage rules.

Owl-Listener/designer-skills

Design theming architecture — brand variants, dark mode, and high-contrast — mapped through token layers.

Owl-Listener/designer-skills