fixing-accessibility
Audit and fix HTML accessibility issues including ARIA labels, keyboard navigation, focus management, color contrast, and form errors. Use when adding…
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-25 00:14
11,083 results
Audit and fix HTML accessibility issues including ARIA labels, keyboard navigation, focus management, color contrast, and form errors. Use when adding…
Audit and fix animation performance issues including layout thrashing, compositor properties, scroll-linked motion, and blur effects. Use when animations…
Implement global state management in React apps using TanStack Store (@tanstack/react-store). Use when creating stores, derived state, subscriptions, batched…
TanStack Virtual headless virtualization for React. Use when rendering large lists (100+ items), implementing virtual scroll, building infinite scroll feeds,…
Expert guide for LayerChart, a Svelte component library for building diverse data visualizations (Cartesian, radial, hierarchical, geo, graph) with…
Expert modern HTML5 and CSS3 assistance covering semantic markup, Flexbox, CSS Grid, container queries, CSS custom properties, and responsive design systems.…
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts,…
Use this skill when writing, reviewing, or refactoring CSS and HTML to replace legacy CSS, JavaScript-driven presentation, preprocessors, layout hacks, or…
Add the agent History tab (conversation history with filters and export) to your Next.js app
Use when writing vanilla JavaScript or TypeScript that touches the DOM in an evergreen-2026 browser, picking an ES2024 grouping / deep-clone / promise /…
React Router V7 patterns for loaders, actions, forms, routes, middleware, and error handling. Use when writing or reviewing React Router code.
Stack baseline and module documentation rules for React + shadcn/ui frontend projects. Covers the package manager, build tool, framework, component library,…
Fast static sites with SSG/SSR and component islands. Trigger: When building Astro websites, implementing islands, or configuring SSG/SSR.
Centralizes persona-driven code reviews (Fowler, Torvalds, Carmack, React core, etc.) so Claude can pick or combine expert viewpoints when the user asks for a…
TanStack (Router/Query/Form/Table) configuration guide for Vite + React projects. Covers Vite plugin setup, main.tsx registration, DevTools configuration, and…
Website design and UI design guidance. When the user says "design a website", "how to do UI", "help me make a page layout", "color scheme", "design system", "web design", "design system", "color palette", "typography", "spacing system", "layout design", "component design", "design...
Create distinctive, production-grade frontend interfaces with high design quality. Use this when building web components, pages, artifacts, posters, or…
Use when building Vue 3 applications with Composition API, Nuxt 3, or Quasar. Invoke for Pinia, TypeScript, PWA, Capacitor mobile apps, Vite configuration.
Use when writing marketing-grade landing pages or portfolio UI (React/Vue/Svelte/Tailwind), greenfield frontend. Enforces hard anti-slop rules on typography,…
Put the MeltFlex AI design tool on the user's own website as an iframe (website embed). Use when the user wants visitors of their site, shop or product pages…
Facebook Messenger integration. Manage Users, Contacts, Stories, Reactions. Use when the user wants to interact with Facebook Messenger data.
Add Stripe payment processing to Next.js projects. Implement checkout sessions, payment handling, subscriptions, webhooks, and customer management. Use when…
Structure and organize Storybook files for scalability using battle-tested patterns. Based on "A Storybook format that scales with you" by Cassondra Roberts.…
Build React components, implement responsive layouts, and handle client-side state management. Masters React 19, Next.js 15, and modern frontend architecture.…