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.
☆ 1查看技能
“React”的搜索结果
按技能名称、说明或 GitHub 作者匹配的结果。
分类目录: 数据库
全部技能
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...
☆ 1查看技能
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...
☆ 1查看技能
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.
☆ 1查看技能
GitHub
react-forms
Apply when building forms with validation, handling form state, or integrating with validation libraries like Zod.
☆ 1查看技能
GitHub
react-state-management
Apply when deciding state management approach: local state, context, Zustand for client state, or TanStack Query for server state.
☆ 1查看技能
GitHub
testing-react-testing-lib
Apply when testing React components: rendering, user interactions, and accessibility-focused testing.
☆ 1查看技能
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...
☆ 1查看技能
GitHub
react-performance
Apply when diagnosing slow renders, optimizing list rendering, or preventing unnecessary re-renders in React applications.
☆ 1查看技能
GitHub
typescript
Build, test, and lint TypeScript/React projects
☆ 1查看技能
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....
☆ 1查看技能
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...
☆ 1查看技能
GitHub
project-structure
Provides comprehensive project folder structure design guidelines and best practices. Defines standard directory organizations for diverse project types including monorepos, web frameworks, backend services, li...
☆ 1查看技能
GitHub
typescript-test
Provides Jest-based TypeScript testing expertise and best practices. Ensures proper test structure, mocking strategies, async handling patterns, and coverage optimization. Specializes in unit testing, integrati...
☆ 1查看技能
GitHub
svelte-5-runes
Complete guide for Svelte 5 runes ($state, $derived, $effect, $props, $bindable). Use for any Svelte 5 project or when code contains $ prefixed runes. Essential for reactive state management, computed values, s...
☆ 1查看技能
GitHub
composable-svelte-forms
Form patterns and validation for Composable Svelte. Use when building forms, validating user input, or integrating Zod schemas. Covers FormConfig, createFormReducer, field-level validation, async validation, fo...
☆ 1查看技能
GitHub
react-best-practices
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Trigge...
☆ 1查看技能
GitHub
frontend-dev
Frontend Developer for client-side implementation. Builds UI components, pages, and client logic. Use this skill for React, Vue, HTML/CSS, or frontend JavaScript work.
☆ 1查看技能
GitHub
react-next-modern
Enforce modern React 19 and Next.js App Router patterns - server-first data fetching, minimal useEffect, Server Components, Server Actions, and form hooks. Use when reviewing React/Next.js code, migrating legac...
☆ 1查看技能
GitHub
marimo
Assistant for creating, editing, and debugging reactive Python notebooks with marimo. Use when you need to build marimo notebooks, debug reactive execution, add interactive UI elements, or convert traditional n...
☆ 1查看技能
GitHub
memberstack
Memberstack membership management via MCP. Use when: (1) Managing member accounts, authentication, or plan assignments, (2) Creating/configuring subscription plans and pricing, (3) Setting up gated content and...
☆ 1查看技能
GitHub
react-debugging
Debug React components, fix hooks errors, resolve TypeScript issues, handle state management bugs, and fix rendering problems. Use when encountering React errors, hooks violations, type errors, or component ren...
☆ 1查看技能
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces. Use when building web components, pages, or applications with React-based frameworks. Includes Tailwind CSS v4, Motion animations, and visual design phi...
☆ 1查看技能
GitHub
ui-ux-pro-max
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design,...
☆ 1查看技能
热门分类
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。