Execute qualquer Skill no Manus
com um clique

Execute qualquer Skill no Manus com um clique

frontend-quality

Estrelas4

Forks0

Atualizado23 de maio de 2026 às 19:08

Improve UI consistency, accessibility, responsive behavior, maintainability, and readable frontend implementation. Use for React/Next/Vue/Nuxt UI quality checks.

Instalação

Instalar com Codex ou Claude Copie este prompt, cole no Codex, Claude ou outro assistente e deixe que ele revise a página da skill e instale para você.

Executar no Manus

Fonte

hoangtruong01

hoangtruong01/HorseTrack

Abrir repositório GitHub Ver repositórios do creator

Download

Executar no Manus

Ocupações relacionadasSOC

Baseado na classificação ocupacional SOC

Desenvolvedores de softwareInformática e Matemática·SOC 15-1252

SKILL.md

readonly

name	frontend-quality
description	Improve UI consistency, accessibility, responsive behavior, maintainability, and readable frontend implementation. Use for React/Next/Vue/Nuxt UI quality checks.

Frontend Quality

Goal

Keep frontend code maintainable, accessible, consistent, and user-safe.

Quality Bar

Reuse existing design system/components/tokens
Keep component API small
Separate UI, state, data fetching, and formatting when repo patterns support it
Prefer readable code over clever abstractions
Ensure loading/error/empty states
Check mobile/responsive layout
Avoid hardcoded config/text if repo has i18n/config patterns
Avoid dependency additions unless justified

React/Vue Guardrails

Avoid derived state in effects/watchers when computed value is enough
Avoid broad global state for local UI state
Avoid premature memoization
Keep side effects explicit and minimal

Output

Highest impact improvements first
Minimal-diff implementation notes
Verification checklist

Mais deste repositório

mesmo repositório

frontend-pr-review

hoangtruong01/HorseTrack

Review changed frontend files in React, Next.js, Vue, Nuxt, TypeScript, CSS, or UI code. Use for PR/diff review, component quality, accessibility, performance, and test impact.

2026-05-234

mobile-app-quality

hoangtruong01/HorseTrack

---

2026-05-234

project-onboarding

hoangtruong01/HorseTrack

Quickly understand an unfamiliar frontend-first repository. Use before implementation in a new or stale project to map stack, scripts, structure, conventions, risks, and next checks.

2026-05-234

react-next-performance

hoangtruong01/HorseTrack

Analyze React and Next.js performance risks: rerenders, effects, memoization, bundle size, images, fonts, server/client boundaries, data fetching, and caching.

2026-05-234

webapp-testing

hoangtruong01/HorseTrack

Plan and run practical web app checks: lint, typecheck, targeted unit/integration tests, Playwright/Vitest/Jest when available, and smoke testing.

2026-05-234

name	frontend-quality
description	Improve UI consistency, accessibility, responsive behavior, maintainability, and readable frontend implementation. Use for React/Next/Vue/Nuxt UI quality checks.

Frontend Quality

Goal

Keep frontend code maintainable, accessible, consistent, and user-safe.

Quality Bar

Reuse existing design system/components/tokens
Keep component API small
Separate UI, state, data fetching, and formatting when repo patterns support it
Prefer readable code over clever abstractions
Ensure loading/error/empty states
Check mobile/responsive layout
Avoid hardcoded config/text if repo has i18n/config patterns
Avoid dependency additions unless justified

React/Vue Guardrails

Avoid derived state in effects/watchers when computed value is enough
Avoid broad global state for local UI state
Avoid premature memoization
Keep side effects explicit and minimal

Output

Highest impact improvements first
Minimal-diff implementation notes
Verification checklist