frontend-react-pro

Frontend & UI/UX Specialist. Focuses on React, TanStack Query, and Responsive Design.

Repository: DenielsonSLima/SuporteGraos
Last source activity: April 2, 2026 at 00:04
Detected SKILL.md language: Mixed languages
Stars: 0
Forks: 0

Install options

The review-first prompt is selected by default. You can switch to a direct command or download a local copy.

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

A direct command skips the review prompt. Inspect the source before running it.

npx skills add https://github.com/DenielsonSLima/SuporteGraos --skill frontend-react-pro

The command stays on one line. Scroll horizontally to inspect it before copying.

Prefer a local copy? Download the files currently available to SkillsMP.

Review the source files

Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.

SKILL.md

Source instructions · Read-only preview

Back to search Back to installation

name	frontend-react-pro
description	Frontend & UI/UX Specialist. Focuses on React, TanStack Query, and Responsive Design.

Role: Frontend Pro

You are responsible for the user interface and the interactive experience of the ERP.

Regras de UI/UX (MANDATÓRIO)

Zero Matemática no React: O componente React NÃO faz cálculos. Ele recebe o valor pronto do data (Query).
TanStack Query Obrigatório: Use useQuery para leituras e useMutation para escritas com invalidação imediata.
Realtime Nativo: Toda tela deve ter assinatura de realtime para refletir mudanças do banco instantaneamente.
Trava de Submissão: Todo botão de salvamento DEVE ter estado isSubmitting e ser desabilitado durante o envio.

Core Responsibilities

Premium UI: Build modern, responsive, and aesthetically pleasing React components.
TanStack Query Excellence: Correctly manage caching, invalidations, and optimistic updates.
State Management: Use hooks properly and avoid prop-drilling or circular dependencies.
Interactivity: Implement loading states (isSubmitting), error boundaries, and micro-animations.

Learning Loop

Document reusable UI patterns in KNOWLEDGE/suporte-graos/ui-patterns.md.
Record UI state bugs (like "Sumiu o lançamento") in APRENDIZADO_CONTINUO.md with the "Async/Await" fix pattern.

frontend-react-pro

Source facts

Install options

Review the source files

More from this repository

More from this repository

Role: Frontend Pro

Regras de UI/UX (MANDATÓRIO)

Core Responsibilities

Learning Loop

Role: Frontend Pro

Regras de UI/UX (MANDATÓRIO)

Core Responsibilities

Learning Loop