color-fix
Auto-fix color issues. Replace failing contrast pairs, consolidate near-duplicates, and add missing CSS custom properties.
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-27 00:15
11,176 results
Auto-fix color issues. Replace failing contrast pairs, consolidate near-duplicates, and add missing CSS custom properties.
Map all layout patterns. Identify grid/flexbox usage, spacing patterns, nesting depth, and responsive breakpoints across the codebase.
Vite integration for Editframe development with local video transcoding, asset serving, file API endpoints, and visual regression testing.
TanStack AI patterns for @tanstack/ai, @tanstack/ai-svelte, chat state, streamed responses, UIMessage parts, tool calling, tool approvals, and provider model…
Apply TanStack Table UI-state patterns for Svelte data tables, including columns, rendering, sorting, filtering, pagination, and row identity. Use when…
Self-contained offline version of The Website Specification — runs without network access, ideal for air-gapped environments, maximum-privacy workflows, and…
A design quality system for frontend interfaces. 21 focused actions for auditing, refining, and elevating UI quality. Invoke with @impeccable followed by one…
Build production-ready React/Next.js UIs with shadcn/ui components. Full lifecycle - install, customize, compose, debug, optimize. Covers components, forms,…
Pushes interfaces past conventional limits with technically ambitious implementations — shaders, spring physics, scroll-driven reveals, 60fps animations. Use…
Master modern React state management with Redux Toolkit, Zustand, Jotai, and React Query. Use when setting up global state, managing server state, or choosing…
Provides comprehensive guidance for Svelte framework including components, reactivity, stores, transitions, and compilation. Use when the user asks about…
Expert Angular assistance covering Signals, Standalone Components, dependency injection, RxJS, and SSR. Use when building enterprise Single Page Applications…
Expert Bootstrap 5 assistance covering 12-column grid system, flexbox utilities, components, and responsive breakpoints. Use when rapidly prototyping…
Expert Detox mobile E2E automation for React Native applications on iOS and Android. Use when running gray-box integration tests, simulating device…
Expert Parcel assistance covering zero-configuration bundling, transformer plugins, SVG/CSS/SCSS asset pipelines, code splitting, and multi-target builds. Use…
Expert React assistance covering React 19, Server Components (RSC), hooks, compiler optimizations, and concurrent features. Use when building modern web user…
Expert Vuetify assistance covering Material Design components, data tables, responsive layouts, and themes for Vue 3. Use when rapidly building enterprise…
Guide for migrating viewport media queries (@media, useMedia, and screen:-prefixed responsive props) to container queries in Sentry's frontend. Use when…
Checks the use of vapor design token CSS variables in the specified path. In .css/.scss/.sass/.less/.ts/.tsx/.js/.jsx files, `var(--vapor-...)` Scans references, reports names not in the canonical token set, and segment alignment…
Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a…
Web accessibility (a11y) patterns for WCAG compliance, ARIA usage, semantic HTML, keyboard navigation, and focus management. Use when building accessible UI,…
Specialized testing for React applications using TanStack ecosystem (Query, Router, Table, Form) with Vite and Vitest. Use when testing React + TanStack apps,…
Use this skill whenever adding CSS art illustrations to a React or Next.js app with @duskmoon-dev/art-components, choosing Art* wrapper components, wiring…
Use this skill whenever building a React or Next.js UI with @duskmoon-dev/components, choosing DuskMoon React imports, wiring package styles, using standard…