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...
Skills matching the name, description or GitHub author.
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...
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.
React component structure and export conventions for personal projects. Triggers on component creation, refactoring, or when asking about React patterns.
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,...
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...
Design and implement retro/cyberpunk/hacker-style terminal UIs. Covers React (Tuimorphic), SwiftUI (Metal shaders), and CSS approaches. Use when creating terminal aesthetics, CRT effects, neon glow, scanlines,...
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...
React開発ルール。コンポーネント(関数コンポーネント、Props、条件付きレンダリング)、カスタムフック(use*命名、状態管理)、Storybook(CSF3.0)の規約を定義。React実装時に参照。
React/TypeScript基本実装ルール。早期return、型定義、不変性、命名規則、エラーハンドリング、非同期処理などのコーディング規約を定義。実装時に参照すべき基本ルールを提供する。
TypeScript/Reactパフォーマンスレビュースキル。測定ファーストの最適化観点でコードをレビュー。フロントエンド(re-render、バンドルサイズ)、バックエンド(N+1、キャッシュ)、API(ペイロード、圧縮)のパフォーマンス...
TypeScript/React向けコードレビュースキル。命名規則、テストコード品質のレビューを実施。TypeScriptコードのレビュー、PRレビューを依頼された際に使用。
TypeScript実装ワークフロースキル。実装時のエントリーポイントとして、状況に応じて適切なスキル(coding-standards、tdd、testing、react等)を参照させる。品質チェック、Gitワークフロー、コミットルールを定義。
Generate Vitest + React Testing Library tests for Desktop Ethereal frontend components, hooks, and utilities. Triggers on testing, spec files, coverage, Vitest, RTL, unit tests, integration tests, or write/revi...
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...
前端数据流与状态管理规范。涵盖 TanStack Query (React Query) 的使用模式、Query Keys 结构、API SDK 集成以及交互反馈标准。
Performance optimization for React Native. Use when optimizing lists, preventing re-renders, memoizing components, or debugging performance issues in Expo/React Native apps.
Zustand state management patterns for React Native. Use when working with Zustand stores, debugging state timing issues, or implementing async actions in Zustand.
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.
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.
Refactor high-complexity React components in Dify frontend. Use when `pnpm analyze-component --json` shows complexity > 50 or lineCount > 300, when the user asks for code splitting, hook extraction, or complexi...
Build Next.js applications using Feature Sliced Design (FSD) methodology. Organizes code into layers (app, screens, widgets, features, entities, shared) with clear separation - entities for data fetching/search...
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...
app/components の単体テストを作成・実行・修正する。React Testing Library + happy-dom を使用。
驗證 maihouses 專案的 TypeScript/React 代碼品質,確保符合 CLAUDE.md 的最高規格標準。當修改或審查代碼時自動使用。
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.