frontend-patterns
[ Featured ]Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
Browse and install thousands of AI Agent skills in the Killer-Skills directory. Supports Claude Code, Windsurf, Cursor, and more.
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
frontend-slides is a presentation automation skill that utilizes AI agents to streamline slide creation and editing.
frontend-query-mutation is a Dify frontend skill for implementing contract-first query and mutation patterns with TanStack Query and oRPC.
Generate Vitest + React Testing Library tests for Dify frontend components, hooks, and utilities. Triggers on testing, spec files, coverage, Vitest, RTL, unit tests, integration tests, or write/review test requests.
Trigger when the user requests a review of frontend files (e.g., `.tsx`, `.ts`, `.js`). Support both pending-change reviews and focused file reviews while applying the checklist rules.
Use when you need to check feature flag states, compare channels, or debug why a feature behaves differently across release channels.
Use when adding new error messages to React, or seeing unknown error code warnings.
Use when you have lint errors, formatting issues, or before committing code to ensure it passes CI.
Use when you need to run Flow type checking, or when seeing Flow type errors in React code.
Use when you want to validate changes before committing, or when you need to check all React contribution requirements.
Use when feature flag tests fail, flags need updating, understanding @gate pragmas, debugging channel-specific test failures, or adding new flags to React.
Use when you need to run tests for React core. Supports source, www, stable, and experimental channels.