GitHub
react-best-practices
Performance optimization guide for React and Next.js. Use when writing, reviewing, or refactoring React code, optimizing performance, or asking about React best practices.
☆ 1View skill
Search results for “React”
Skills matching the name, description or GitHub author.
Categories: Business
Browse skills
GitHub
typescript-write
Write TypeScript/React code following Semicolon team standards with DDD architecture, Supabase integration, and TDD approach. Use when developing Next.js features.
☆ 1View skill
GitHub
dioxus-component-patterns
Master Dioxus component patterns and reactive state management. Use when building Dioxus components, managing component state, or implementing component interactions.
☆ 1View skill
GitHub
react-useeffect
React useEffect best practices from official docs. Use when writing/reviewing useEffect, useState for derived values, data fetching, or state synchronization. Teaches when NOT to use Effect and better alternati...
☆ 1View skill
GitHub
ui-ux-pro-max
UI/UX design intelligence. 57 styles, 96 palettes, 50 font pairings, 25 charts, 11 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Search and apply design best practic...
☆ 1View skill
GitHub
frontend-design-expert
构建现代化的 UI/UX 设计，编写 Flutter/React 组件，配色方案与无障碍设计
☆ 1View skill
GitHub
vue-development-skill
Vue.js progressive JavaScript framework. Use for Vue components, reactivity, composition API, and frontend development.
☆ 1View skill
GitHub
ai-sdk-v6
Guide for building AI-powered applications using the Vercel AI SDK v6. Use when developing with generateText, streamText, useChat, tool calling, agents, structured output generation, MCP integration, or any LLM...
☆ 1View skill
GitHub
web-artifacts-builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, rou...
☆ 1View skill
GitHub
drug-safety-analyst
Analyze FDA adverse event data, compare drug safety profiles, detect safety signals, and provide pharmacovigilance insights. Use when users ask about drug side effects, adverse reactions, safety comparisons, FD...
☆ 1View skill
GitHub
ink-setup
Configure ink (React for CLI) in a Dungeonmaster package. Use when setting up a new CLI package with ink, troubleshooting ESM/bundling issues with ink, or creating ink adapters and widgets.
☆ 1View skill
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include website...
☆ 1View skill
GitHub
testing-patterns
TDD/BDD workflows for FastAPI + React stack with pytest, vitest, and integration testing. Use when writing tests, configuring test runners, or implementing test-driven development.
☆ 1View skill
GitHub
storybook-journeys
Create Storybook "user journey" storyboards for React apps (page/screen stories, MSW API mocking, interaction play functions, and optional Storybook test-runner setup). Use when the user wants Storybook demos o...
☆ 1View skill
GitHub
react-development
Modern React architecture patterns and web interface guidelines. Container/View split, framework adapters, React Query, dependency injection, Storybook-first development, accessibility, interactions, animations...
☆ 1View skill
GitHub
clean-code
Comprehensive clean code workflow that analyzes codebase, recommends best practices, and applies clean code principles for React, Next.js, and modern tooling.
☆ 1View skill
GitHub
react-forms
Apply when building forms with validation, handling form state, or integrating with validation libraries like Zod.
☆ 1View skill
GitHub
react-state-management
Apply when deciding state management approach: local state, context, Zustand for client state, or TanStack Query for server state.
☆ 1View skill
GitHub
testing-react-testing-lib
Apply when testing React components: rendering, user interactions, and accessibility-focused testing.
☆ 1View skill
GitHub
react-hooks
Apply when managing state, side effects, context, or refs in React functional components. **React 19+ Note**: React 19.x introduced new hooks for forms/actions (useActionState, useOptimistic, useFormStatus) and...
☆ 1View skill
GitHub
react-performance
Apply when diagnosing slow renders, optimizing list rendering, or preventing unnecessary re-renders in React applications.
☆ 1View skill
GitHub
typescript
Build, test, and lint TypeScript/React projects
☆ 1View skill
GitHub
typescript
Provides comprehensive TypeScript development expertise and coding standards. Ensures type safety through strict type checking, implements clean code patterns, and maintains consistent architectural decisions....
☆ 1View skill
GitHub
react
Provides React component development standards and best practices. Ensures component quality through proper hooks usage, state management patterns, and performance optimization techniques. Specializes in functi...
☆ 1View skill
Popular categories
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.