Dark Mode

frontend-ui-dark-ts helps you build dark-themed React UI with TypeScript, Tailwind CSS, Framer Motion, and reusable design tokens. It is suited for dashboards, admin panels, analytics views, and other data-dense interfaces that need a polished dark aesthetic and consistent component patterns.

ui-web helps you design and style web UI components with WCAG 2.1 AA checks, strong contrast, visible controls, and dark mode-friendly Tailwind patterns. Use this ui-web skill for React-style front ends when you need practical UI Design guidance that improves accessibility and reduces guesswork.

The ui-testing skill provides a checklist-driven UI verification workflow to catch invisible buttons, weak contrast, missing focus states, and touch-target issues before release. It is best for UI Design reviews, component checks, and quick accessibility sanity passes with less guesswork than a generic testing prompt.

ios-design-guidelines helps review, shape, and rewrite SwiftUI/UIKit interfaces against Apple Human Interface Guidelines for iPhone. It is useful for layout, navigation, accessibility, Dynamic Type, Dark Mode, and system component choices when you need practical ios-design-guidelines guide feedback for UI Design.

hig-foundations is the Apple HIG foundations skill for UI Design. Use it for color, typography, symbols, materials, motion, privacy, layout, RTL, accessibility, and system-aligned decisions before moving into patterns or components.

makepad-2.0-theme is a Makepad 2.0 theme skill for applying theme.* variables, switching dark and light themes, and keeping design-token styling consistent. Use this guide to understand makepad-2.0-theme install and makepad-2.0-theme usage for production UI and design systems.