Best theming and dark mode skills, page 7

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

giuseppe-trisciuoglio/developer-kit

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 designing or building any mobile screen or component a user sees (Flutter, SwiftUI or Compose) - platform conventions, hierarchy, type that scales, colour roles and dark…

makifbaysal/tasktrooper

A skill your agent uses when you are about to hand off any change to a screen or component on a mobile repository - the size, text-scale and dark-mode matrix, the exact tool calls to see your own…

makifbaysal/tasktrooper

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

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

hoodini/ai-agents-skills

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

wentorai/research-plugins

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

Vue 3 主题系统（设计 Token 层），对齐 uniapp-theme-skill 命名体系。提供完整色阶（HSL 算法 50-950）、多主题切换、尺寸阶梯（space/font/height/icon）、静态 px 值（避免 calc 跨端兼容问题）。当用户提到"vue 主题"、"设计变量"、"theme token"、"颜色系统"、"vue 多主题"、"CSS…

jiushiwon/wg-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

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

jmagly/aiwg

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

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

cometchat/cometchat-skills

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

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

seb1n/awesome-ai-agent-skills

TDesign WeChat Mini Program UI component library by Tencent.

infometa/workbuddyskills

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

A color psychology skill used by the visual-director agent. An agent skill from revfactory/harness-100.

revfactory/harness-100

A full pipeline where an agent team collaborates to generate an interior space concept board all at once.

revfactory/harness-100

Clinic-architecture-aligned iOS design system engineering for SwiftUI (iOS 26 / Swift 6.2) covering token architecture, color/typography/spacing systems, component style libraries, asset governance…

pproenca/dot-skills

React Native Elements UI component library best practices for performance, theming, and proper component usage.

pproenca/dot-skills

shadcn/ui component library best practices and patterns (formerly shadcn-ui).

pproenca/dot-skills

Tailwind CSS v4 performance optimization and best practices guidelines (formerly tailwindcss-v4-style).

pproenca/dot-skills