| frontend-master | .claude/skills/frontend-master/ | frontend, Next.js, React, Tailwind, UI, components, styling, layout | Starting frontend task OR need decision framework for UI components, animations, assets, or theming | high | suggest |
| frontend-shadcn | .claude/skills/frontend-shadcn/ | shadcn, button, input, dialog, form, table, modal, dropdown, Radix, components | Need standard UI components (buttons, inputs, dialogs, forms, tables) OR building React/Next.js UI | low | suggest |
| frontend-aceternity | .claude/skills/frontend-aceternity/ | aceternity, spotlight, aurora, 3D card, hero effects, dramatic, wow factor, landing page | Need dramatic hero effects, spotlights, aurora backgrounds, 3D hover cards, or text reveal animations | low | suggest |
| frontend-magic-ui | .claude/skills/frontend-magic-ui/ | magic ui, number ticker, marquee, bento grid, mockup, Safari, iPhone, shimmer button, SaaS | Need SaaS landing components like number tickers, logo marquees, bento grids, or device mockups | low | suggest |
| frontend-lottie | .claude/skills/frontend-lottie/ | lottie, animation, loader, spinner, success, error, empty state, decorative | Need simple play/loop animations like loading spinners, success checkmarks, or empty state illustrations | low | suggest |
| frontend-rive | .claude/skills/frontend-rive/ | rive, interactive animation, state machine, hover, click, data-driven, toggle, checkbox | Need animations that react to user input (hover, click, drag) OR have multiple states/transitions OR respond to data values | low | suggest |
| frontend-color-system | .claude/skills/frontend-color-system/ | color, palette, theme, brand color, dark mode, WCAG, contrast, accessibility | Setting up project colors OR creating dark mode OR checking WCAG contrast OR generating theme from brand color | low | suggest |
| frontend-google-fonts | .claude/skills/frontend-google-fonts/ | fonts, typography, Google Fonts, font pairing, Inter, Plus Jakarta, headings, body text | Setting up project fonts OR need font pairing recommendations OR optimizing font loading | low | suggest |
| frontend-iconify | .claude/skills/frontend-iconify/ | icon, iconify, lucide, heroicons, SVG, icon search, icon set | Need to find icons by concept OR integrate icon library OR download SVG icons | low | suggest |
| frontend-image-generation | .claude/skills/frontend-image-generation/ | avatar, placeholder, photo, illustration, DiceBear, Unsplash, unDraw, image assets | Need avatars, placeholder photos, or illustrations — use FREE resources first (DiceBear, Unsplash, unDraw) | low | suggest |
| frontend-debug-linting | .claude/skills/frontend-debug-linting/ | lint, ESLint, TypeScript, type check, Prettier, format, debug, console errors | After writing React/Next.js code OR before delivery OR debugging frontend issues | medium | required |
| frontend-playwright | .claude/skills/frontend-playwright/ | playwright, screenshot, browser, visual QA, responsive, viewport, console errors, UI testing | Before delivering UI changes OR need visual verification OR responsive testing OR debugging hydration issues | low | required |
| frontend-design-review | .claude/skills/frontend-design-review/ | design review, UI review, UX, visual polish, accessibility, WCAG, responsive design, component standards | Building new interfaces OR reviewing visual changes OR validating design quality OR accessibility compliance | medium | suggest |