GitHub
framer-motion
Comprehensive Framer Motion animation library for React. Covers motion components, variants, gestures, page transitions, and scroll animations. Use when adding animations to React/Next.js applications.
☆ 1View skill
Search results for “React”
Skills matching the name, description or GitHub author.
Categories: tools frontend
Browse skills
GitHub
react-best-practices
React and TanStack Start performance optimization guidelines. Use when writing, reviewing, or refactoring React/TanStack code to ensure optimal performance patterns. Triggers on tasks involving React components...
☆ 1View skill
GitHub
sr-cardoso-frontend
Frontend React/Vite/PWA do Sr Cardoso. Use quando editar paginas, componentes, hooks, fluxo de agendamento, painel admin, consumo de API REST e UX mobile-first.
☆ 1View skill
GitHub
components
React component structure and export conventions for personal projects. Triggers on component creation, refactoring, or when asking about React patterns.
☆ 1View skill
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,...
☆ 1View skill
GitHub
ui-design
Opinionated constraints for building better interfaces with agents. Use when building UI components, implementing animations, designing layouts, reviewing frontend accessibility, or working with Tailwind CSS, m...
☆ 1View skill
GitHub
nextjs-app-router-typescript
Complete Next.js development framework with App Router, TypeScript, and modern patterns. Provides comprehensive assistance for building Next.js applications with the latest features, TypeScript integration, ser...
☆ 1View skill
GitHub
react
React開発ルール。コンポーネント（関数コンポーネント、Props、条件付きレンダリング）、カスタムフック（use*命名、状態管理）、Storybook（CSF3.0）の規約を定義。React実装時に参照。
☆ 1View skill
GitHub
coding-standards
React/TypeScript基本実装ルール。早期return、型定義、不変性、命名規則、エラーハンドリング、非同期処理などのコーディング規約を定義。実装時に参照すべき基本ルールを提供する。
☆ 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
frontend-data-flow
前端数据流与状态管理规范。涵盖 TanStack Query (React Query) 的使用模式、Query Keys 结构、API SDK 集成以及交互反馈标准。
☆ 1View skill
GitHub
react-native-performance
Performance optimization for React Native. Use when optimizing lists, preventing re-renders, memoizing components, or debugging performance issues in Expo/React Native apps.
☆ 1View skill
GitHub
vercel-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...
☆ 1View skill
GitHub
react-native-zustand-patterns
Zustand state management patterns for React Native. Use when working with Zustand stores, debugging state timing issues, or implementing async actions in Zustand.
☆ 1View skill
GitHub
react-native-async-patterns
Async/await correctness in React Native with Zustand. Use when debugging race conditions, missing awaits, floating promises, or async timing issues in Expo/React Native apps.
☆ 1View skill
GitHub
react-native-testing
Testing patterns for React Native with Jest and React Native Testing Library. Use when writing tests, mocking Expo modules, testing Zustand stores, or debugging test failures.
☆ 1View skill
GitHub
build-tanstack-app
Build and enhance React applications using the TanStack ecosystem. Use this skill when working with TanStack libraries such as Router, Query, Form, or Table—whether starting a new project or integrating into ex...
☆ 1View skill
GitHub
test-react-components
app/components の単体テストを作成・実行・修正する。React Testing Library + happy-dom を使用。
☆ 1View skill
GitHub
react-perf-perfection
A "No-Compromise" React performance checklist enforcing strict re-render discipline and bundle auditing.
☆ 1View skill
GitHub
frontend-mastery
Advanced React patterns, performance optimization, and state management rules.
☆ 1View skill
GitHub
i18n-translation-guide
Implement internationalization (i18n) in Ballee using react-i18next with Trans component and useTranslation hook; use when adding user-facing text, translating components, implementing toast messages, or organi...
☆ 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
developing-nextjs
Guides Next.js 16 / React 19 development. Use when package.json contains 'next' or next.config.* is detected. Supports App Router, Server Components, Cache Components, strict TypeScript, Tailwind CSS v4, Prisma...
☆ 1View skill
GitHub
using-shadcn
Manages shadcn/ui components in React/Next.js projects. Use for searching, adding, and managing UI components. Requires components.json in project root.
☆ 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.