react-component-patterns
Modern React component architecture and composition patterns.
发现 tools frontend 相关 Skills,比较来源仓库和用途,查看适合你工作流的技能说明。
Modern React component architecture and composition patterns.
React Best Practices, Server Components, Anti-Waterfall
Animation and micro-interaction patterns for web interfaces. Use when adding transitions, animations, hover effects, loading states, or any motion to UI components.
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
React patterns for vanilla React with Apollo Client - components, hooks, state management
Next.js App Router principles. Server Components, data fetching, routing patterns.
Build React animations with Motion (Framer Motion) - gestures (drag, hover, tap), scroll effects, spring physics, layout animations, SVG. Bundle: 2.3 KB (mini) to 34 KB (full). Use when: drag-and-drop, scroll...
React/TypeScript frontend developer for Faiston NEXO. Use for: (1) Creating or modifying React components, hooks, or UI elements; (2) Implementing responsive layouts with Tailwind CSS; (3) State management with...
React Server Components 最佳实践和模式
Standardizes how the application handles asynchronous states, errors, and feedback using TanStack Query/Router patterns. Trigger: Apply when building async UIs to implement Suspense, Skeletons, and Error Bounda...
Guides UI styling and design using Tailwind CSS 4, shadcn/ui components, and the global theme system. Use when styling components, designing UIs, or making visual changes. Emphasizes CSS variable-based theming...
Angular (v17+) frontend development conventions. Use when working on Angular projects.
Generate React/Tailwind UI components using Google Stitch (MCP).
Astro framework patterns with components, layouts, content collections, and image optimization. Use when building static-first web applications with Astro.
Testing patterns for React + GraphQL + Prisma stack
Best practices for building React components including hooks patterns, state management, composition, and performance optimization techniques
Guides structure decisions for Next.js App Router projects with TypeScript. Invoked by prompt-classifier on PLANNING/IMPLEMENT sequences via "plan-structure". Focuses on minimal, colocated organization per CLAU...
TanStack Query and Router patterns and best practices. Trigger: When implementing data fetching and routing with TanStack Query and Router.
Best practices for Remix (2025-2026 Edition), focusing on React Router v7 migration, server-first data patterns, and error handling.
Write production frontend code (React, TypeScript, CSS). Use when implementing components, API integration, state management, form handling, or client-side performance optimization. Implements designs from ux-u...
Technical patterns for React/Next.js + n8n + Airtable dashboard stack. Covers data layer design, frontend architecture, state management, performance optimisation, and deployment patterns.
Angular 20 knowledge and best practices. Use this skill when asked about Angular 20 development, architecture, components, routing, state management, performance, testing, and deployment. Includes standalone co...
Frontend patterns for MiGestion Web - React, Vite, Zustand, design system. Trigger: When working on Web code (components, pages, stores, services).
VueUse composable patterns and TypeScript integration. Covers common VueUse gotchas, SSR compatibility, and best practices. Use when working with VueUse composables, debugging VueUse issues, or integrating VueU...
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库,同一仓库的多个技能可能共享相同数值;它反映仓库关注度,不代表单个技能的安装量或质量评分。