react-i18n
Use when implementing translations in a React app (not Next.js) with react-i18next — useTranslation, namespaces, pluralization, Suspense.
react-shadcn
shadcn/ui for React with TanStack Form. Use when building UI components, forms, dialogs, tables, toasts, or accessible components.
react-state
Zustand v5 state management for React. Use when implementing global state, stores, persist, or client-side state.
react-tanstack-router
Use when implementing routing in a React app (NOT Next.js) with TanStack Router — file-based routes, loaders, search params.
react-testing
Testing Library for React 19 - render, screen, userEvent, waitFor, Suspense. Use when writing tests for React components with Vitest.
research
Use when researching documentation, best practices, or complex technical investigations -- Context7 + Exa + Sequential Thinking methodology.
security-headers
Use when verifying or configuring HTTP security headers (CSP, HSTS, CORS, X-Frame-Options) for a web application (Next.js, Laravel, Express, Django).
security-scan
Use when scanning for XSS, SQL injection, command injection, hardcoded secrets, or any OWASP Top 10 vulnerability across a codebase.
seo
Use when running any SEO/GEO task via /seo — the top-level orchestrator that routes to all SEO sub-skills.
shadcn-components
Use when building or editing shadcn/ui components, mapping Base UI vs Radix vs React Aria APIs, or choosing a composition pattern (render vs asChild vs trigger wrapper).
shadcn-detection
Use when determining which component base (Base UI, Radix UI or React Aria) a shadcn/ui project uses, before any component work or migration.
shadcn-migration
Use when migrating a shadcn/ui project between Radix UI and Base UI primitives, or validating a migration's API transformations.
shadcn-registries
Use when configuring shadcn/ui registries (namespaced, GitHub, dynamic), components.json, presets, or any shadcn CLI command (init, add, apply, preset, view, search, docs, info, migrate, eject, build, registry).
shadcn-theming
Use when defining or auditing shadcn/ui design tokens, OKLCH colors, or dark/light mode CSS variables.
skill-creator
Use when creating new skills, restructuring existing skills, or improving skill documentation.
sniper-check
Use when validating code quality after modifications. Runs sniper agent in isolated forked context for clean, fast validation.
solid-astro
Use when applying SOLID principles to an Astro project — file-size limits, src/interfaces/ for types, JSDoc, modular structure, DRY.
solid-csharp
Use when writing or refactoring C#/.NET code, structuring Modules/[Feature]/ layers, or defining Contracts/ interfaces (SOLID, files within FUSE_SOLID_MAX_LINES).
solid-detection
Use when determining which language-specific SOLID skill to load, detecting project type from config files, or resolving interface directory conventions.
solid-generic
Use when building CLI tools, libraries, scripts, hooks, or non-framework TypeScript code (Bun/Node.js -- SOLID, files within FUSE_SOLID_MAX_LINES, JSDoc mandatory).
solid-go
Use when writing or refactoring Go code, structuring internal/modules/[feature]/ layers, or defining ports/ interfaces (SOLID, files within FUSE_SOLID_MAX_LINES).
solid-java
Use when writing or refactoring Java code, structuring modules/[feature]/ layers, or defining interfaces/ contracts (SOLID, files within FUSE_SOLID_MAX_LINES).
solid-nextjs
Use when applying SOLID principles to Next.js architecture — modular structure, file size limits, interface separation, JSDoc.
solid-php
Use when applying SOLID principles to Laravel 13 / PHP 8.3+ code — file size limits, interface placement, or PHPDoc enforcement.
solid-python
Use when writing or refactoring Python code, structuring modules/[feature]/ layers, or defining Protocol-based interfaces (SOLID, files within FUSE_SOLID_MAX_LINES).
solid-react
Use when applying SOLID principles to React architecture — file-size limits, hook separation, src/interfaces/, JSDoc.
solid-ruby
Use when writing or refactoring Ruby/Rails code, structuring app/modules/[feature]/ layers, or defining contracts/ modules (SOLID, files within FUSE_SOLID_MAX_LINES).
solid-rust
Use when writing or refactoring Rust code, structuring src/modules/[feature]/ layers, or defining traits.rs interfaces (SOLID, files within FUSE_SOLID_MAX_LINES).
solid-swift
Use when applying SOLID principles to Swift 6/SwiftUI code — file-size limits, protocol separation, @Observable, actors, feature-modular architecture.
swift-core
Use when implementing Swift 6 fundamentals — concurrency, architecture, testing, i18n, or performance — across any Apple platform.
swiftui-core
Use when building SwiftUI views, navigation, persistence, or state management, or checking UI against Apple HIG (accessibility, RTL, sheets/alerts, widgets, Live Activities, iPhone Duo) — shared across iOS, macOS, watchOS, visionOS.
tailwindcss-accessibility
Use when implementing keyboard-accessible components, screen-reader-only content, prefers-reduced-motion support, or WCAG 2.2 AA/AAA compliance.
tailwindcss-backgrounds
Use when styling background colors, building linear/radial/conic gradients, setting background images/position/size, or blend modes.
tailwindcss-borders
Use when styling element borders, rounded corners, focus outlines/rings, or divide-* separators between children.
tailwindcss-core
Use when configuring Tailwind CSS-first (no config.js), defining @theme tokens, or creating custom utilities/variants. Do NOT use for v3-to-v4 migration or category utility lookup.
tailwindcss-custom-styles
Use when creating a new named utility class, writing conditional/dark-mode variants, defining a custom variant selector, or using @apply.
tailwindcss-effects
Use when adding box/inset shadows, controlling opacity, applying CSS filters or backdrop filters (glassmorphism), or mask-* utilities.
tailwindcss-interactivity
Use when controlling cursor appearance, scroll snap/smooth behavior, text selection, pointer-events, touch actions, or caret/accent colors.
tailwindcss-layout
Use when building flex or grid layouts, positioning elements (absolute/relative/fixed/sticky), managing z-index/inset, or @container queries.
tailwindcss-responsive
Use when applying responsive variants at different screen widths, defining a custom breakpoint, or building container-query-based components.
tailwindcss-sizing
Use when setting element width/height, constraining min/max dimensions, using dynamic viewport height (h-dvh), or fixing an aspect ratio.
tailwindcss-spacing
Use when setting margin or padding on any side, centering with m-auto, applying negative margins, or spacing children with space-x-*/space-y-*.
tailwindcss-transforms
Use when scaling/rotating/translating/skewing an element, configuring transition duration/easing/delay, or applying @keyframes animations.
tailwindcss-typography
Use when setting font family/size/weight, aligning or wrapping text (balance/pretty), applying text-shadow or decoration, or letter/line spacing.
tailwindcss-utilities
Use when needing a single entry point to find which categorical tailwindcss-* skill covers a given utility class. Router/index only - do NOT use for actual class content.
tailwindcss-v4
Use when migrating a project from Tailwind v3 to v4, mapping @theme namespaces to generated utilities, or looking up renamed/removed v3 utilities.
tdd
Use when writing production code that needs tests -- new features, bug fixes, refactoring. Enforces RED-GREEN-REFACTOR before implementation.
tvos
Use when building Apple TV apps — focus-based navigation, Siri Remote interactions, or media/video streaming UI.
ux-copy
Use when writing or reviewing any visible copy — headlines, buttons, body, errors, empty states — inside a design-method move or standalone.
verification
Use when marking a task complete, finishing a feature, or claiming a bug fixed -- verifies functional resolution before closing. Do NOT use for lint/quality checks (use sniper AFTER this).
Page 797 of 1672 · 83563 results
