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.
☆ 1查看技能
“React”的搜索结果
按技能名称、说明或 GitHub 作者匹配的结果。
分类目录: tools frontend
全部技能
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...
☆ 1查看技能
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.
☆ 1查看技能
GitHub
components
React component structure and export conventions for personal projects. Triggers on component creation, refactoring, or when asking about React patterns.
☆ 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
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...
☆ 1查看技能
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...
☆ 1查看技能
GitHub
react
React開発ルール。コンポーネント（関数コンポーネント、Props、条件付きレンダリング）、カスタムフック（use*命名、状態管理）、Storybook（CSF3.0）の規約を定義。React実装時に参照。
☆ 1查看技能
GitHub
coding-standards
React/TypeScript基本実装ルール。早期return、型定義、不変性、命名規則、エラーハンドリング、非同期処理などのコーディング規約を定義。実装時に参照すべき基本ルールを提供する。
☆ 1查看技能
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...
☆ 1查看技能
GitHub
frontend-data-flow
前端数据流与状态管理规范。涵盖 TanStack Query (React Query) 的使用模式、Query Keys 结构、API SDK 集成以及交互反馈标准。
☆ 1查看技能
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.
☆ 1查看技能
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...
☆ 1查看技能
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.
☆ 1查看技能
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.
☆ 1查看技能
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.
☆ 1查看技能
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...
☆ 1查看技能
GitHub
test-react-components
app/components の単体テストを作成・実行・修正する。React Testing Library + happy-dom を使用。
☆ 1查看技能
GitHub
react-perf-perfection
A "No-Compromise" React performance checklist enforcing strict re-render discipline and bundle auditing.
☆ 1查看技能
GitHub
frontend-mastery
Advanced React patterns, performance optimization, and state management rules.
☆ 1查看技能
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...
☆ 1查看技能
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...
☆ 1查看技能
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...
☆ 1查看技能
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.
☆ 1查看技能
热门分类
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。