Theming and dark mode

A skill your agent uses when designing color systems that must satisfy accessibility requirements, work in both light and dark modes, support high-contrast preferences, and remain meaningful for…

hashgraph-online/awesome-codex-plugins

Skill for creating and managing a Design System using Tailwind CSS and shadcn/ui.

giuseppe-trisciuoglio/developer-kit

Generate, analyze, compare, export, and suggest color palettes using color theory.

jmagly/aiwg

Comprehensive guide for Slidev - a web-based presentation framework for developers.

nicepkg/ai-workflow

Design token management with the W3C Design Token spec, three-tier hierarchy (global/alias/component), OKLCH color, Style Dictionary transforms, and dark mode theming.

yonatangross/orchestkit

Guide for implementing Tailwind CSS - a utility-first CSS framework for rapid UI development.

einverne/dotfiles

A skill your agent uses when building user interfaces that need to look polished, modern, and intentional - not like AI-generated slop.

NeverSight/learn-skills.dev

A color harmony engine for designing interior color palettes.

revfactory/harness-100

Methodology and tools for systematically generating design tokens.

revfactory/harness-100

Recipes for common changes to the PySide6 GUI — adding a training field, variant, or language; changing job submission; composing a new job-submitting tab; and the action-button/theming rules.

sorryhyun/anima_lora

A skill your agent uses when asked to create a brand identity, define visual design direction, generate a color palette or type system, build a style guide, or establish the look and feel for a…

jeremylongshore/tons-of-skills-marketplace

A skill your agent uses when asked to generate a color palette, create industry-matched colors, or pick colors for a product type.

jeremylongshore/tons-of-skills-marketplace

Configure Windsurf themes and visual settings for accessibility.

jeremylongshore/tons-of-skills-marketplace

Dark mode theme plugin for Zotero reference manager. An agent skill from wentorai/research-plugins.

wentorai/research-plugins

Build consistent design systems with tokens, components, and theming.

hoodini/ai-agents-skills

Derive a Field Service mobile app color scheme from a brand source (URL, hex codes, brand-guide paste, or color description), validate WCAG AA contrast in both light and dark mode, and apply the…

forcedotcom/sf-skills

Reverse-engineer an application, website or document's design system from its codebase and screenshots.

sammcj/agentic-coding

A skill your agent uses to compile visual inspiration, color palettes, and typography references for creative concepts.

gtmagents/gtm-agents

Expert in temporal event detection, spatio-temporal clustering (ST-DBSCAN), and photo context understanding.

curiositech/some_claude_skills

Expert interior designer with deep knowledge of space planning, color theory (Munsell, NCS), lighting design (IES standards), furniture proportions, and AI-assisted visualization.

curiositech/some_claude_skills

Creates unique web designs with brand identity, color palettes, typography, and modern UI/UX patterns.

curiositech/some_claude_skills

Maz-UI v4 - Modern Vue & Nuxt component library with 50+ standalone components, composables, directives, theming, i18n, and SSR support.

secondsky/claude-skills

| Production-tested setup for Tailwind CSS v4 with shadcn/ui, Vite, and React.

secondsky/claude-skills

任何可见 UI 改动、交互变更、样式修复、响应式适配、暗色模式适配和浏览器侧回归验证都应使用。它负责在真实页面中验证实际渲染效果，而不是只看代码。用户提到 UI validate、screenshot、browser check、responsive、dark mode、视觉回归时都应触发。

CaoMeiYouRen/caomei-auth

Generate a complete, accessibility-checked design system from scratch — colour ramps, type scale, spacing, elevation, and exports for CSS, Tailwind, design tokens, Figma, VS Code and PowerPoint.

mohitagw15856/pm-claude-skills

A skill your agent uses when asked to design the interface for an interactive 3D explorer, plan a UI for exploring a 3D model of a topic, or write an image-model prompt for a 3D learning app mock-up.

mohitagw15856/pm-claude-skills

A skill your agent uses when authoring or modifying browser-rendered visual output: HTML, CSS, React SSR, artifact templates, markdown renderers, design tokens, themes, or composed pages.

egregore-labs/egregore

Toggle between light and dark mode in Cursor's browser, screenshot both states, and flag missing token mappings or contrast issues.

spencerpauly/awesome-cursor-skills

Enforce a configuration-driven design system when generating UI.

spencerpauly/awesome-cursor-skills

AI-powered UI/UX design intelligence with 57 UI styles, 95+ color palettes, 56 font pairings, 25 chart types, and 100+ industry-specific reasoning rules across 12 tech stacks.

infometa/workbuddyskills

Build maintainable Flutter UI components with composition and theming.

HoangNguyen0403/agent-skills-standard

Style React Native apps with StyleSheet API, Flexbox, theming, and responsive design.

HoangNguyen0403/agent-skills-standard

This skill provides a curated collection of professional font and color themes, each with carefully selected color palettes and font pairings.

alecs5am/ralphy

Design interfaces that detect and respond to system-level user preferences.

Owl-Listener/inclusive-design-skills

Extract design DNA from app screenshots, live URLs, or screen recordings using Google Stitch — color palettes, typography, spacing tokens, component patterns, and motion specs as design-tokens.json…

yonatangross/orchestkit

Upgrade an existing CometChat iOS integration from UI Kit v4 to v5 — composite components removed, theming replaced, properties renamed.

cometchat/cometchat-skills

TailwindCSS v4 patterns with CSS-first configuration using @theme, @source, and modern CSS features.

MadAppGang/claude-code

Best practices for building a Flutter UI package on Material: custom components, ThemeExtension theming, consistent APIs, widget tests, appuipackage scaffolding.

VeryGoodOpenSource/vgv-ai-flutter-plugin

A skill your agent uses when composing Tailwind utilities, building responsive or dark-mode layouts, defining component variants with cva, resolving conflicting classes with tailwind-merge, or…

kid-sid/claude-spellbook

Comprehensive Ionic Framework expert skill consolidating core concepts, component reference, CLI usage, theming, layout, page lifecycle, framework-specific patterns for Angular/React/Vue…

LeoYeAI/openclaw-master-skills

Generate dark-mode-compatible inline SVG data visualization charts for blog posts.

Infrasity-Labs/dev-gtm-claude-skills

TDesign WeChat Mini Program UI component library by Tencent.

infometa/workbuddyskills

Design and build production-ready frontend interfaces with design systems, responsive layouts, accessible components, and dark mode support.

seb1n/awesome-ai-agent-skills

A skill your agent uses when an SPA or SSR app flashes the wrong UI before client-side data resolves — an app-shell skeleton shown to visitors who get bounced to login, a results skeleton before "no…

vvedantb/eva