GitHub
react-component-patterns
Modern React component architecture and composition patterns.
☆ 0View skill
tools frontend AI Skills
Discover tools frontend skills, compare source repositories and read the instructions for each workflow.
Categories: tools frontend
tools frontend Clear filters
Browse skills
GitHub
react-patterns
React Best Practices, Server Components, Anti-Waterfall
☆ 0View skill
GitHub
animator
Animation and micro-interaction patterns for web interfaces. Use when adding transitions, animations, hover effects, loading states, or any motion to UI components.
☆ 0View skill
GitHub
client-patterns
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
☆ 0View skill
GitHub
web-react
React patterns for vanilla React with Apollo Client - components, hooks, state management
☆ 0View skill
GitHub
nextjs-best-practices
Next.js App Router principles. Server Components, data fetching, routing patterns.
☆ 0View skill
GitHub
motion
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...
☆ 0View skill
GitHub
frontend-builder
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...
☆ 0View skill
GitHub
server-components
React Server Components 最佳实践和模式
☆ 0View skill
GitHub
resilience
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...
☆ 0View skill
GitHub
ui-styling
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...
☆ 0View skill
GitHub
frontend-angular
Angular (v17+) frontend development conventions. Use when working on Angular projects.
☆ 0View skill
GitHub
stitch-ui-design
Generate React/Tailwind UI components using Google Stitch (MCP).
☆ 0View skill
GitHub
astro
Astro framework patterns with components, layouts, content collections, and image optimization. Use when building static-first web applications with Astro.
☆ 0View skill
GitHub
web-testing
Testing patterns for React + GraphQL + Prisma stack
☆ 0View skill
GitHub
react-components
Best practices for building React components including hooks patterns, state management, composition, and performance optimization techniques
☆ 0View skill
GitHub
project-architect
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...
☆ 0View skill
GitHub
tanstack
TanStack Query and Router patterns and best practices. Trigger: When implementing data fetching and routing with TanStack Query and Router.
☆ 0View skill
GitHub
remixjs-best-practices
Best practices for Remix (2025-2026 Edition), focusing on React Router v7 migration, server-first data patterns, and error handling.
☆ 0View skill
GitHub
cwpsenior-frontend-engineer
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...
☆ 0View skill
GitHub
technical-architecture
Technical patterns for React/Next.js + n8n + Airtable dashboard stack. Covers data layer design, frontend architecture, state management, performance optimisation, and deployment patterns.
☆ 0View skill
GitHub
angular-20
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...
☆ 0View skill
GitHub
migestion-web
Frontend patterns for MiGestion Web - React, Vite, Zustand, design system. Trigger: When working on Web code (components, pages, stores, services).
☆ 0View skill
GitHub
vueuse-best-practices
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...
☆ 0View skill
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.