Ejecuta cualquier Skill en Manus
con un clic

Ejecuta cualquier Skill en Manus con un clic

frontend-quality

Estrellas4

Forks0

Actualizado23 de mayo de 2026 a las 19:08

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

Instalación

Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.

Ejecutar en Manus

Fuente

hoangtruong01

hoangtruong01/HorseTrack

Abrir repositorio de GitHub Ver repositorios del creador

Descarga

Ejecutar en Manus

Ocupaciones relacionadasSOC

Basado en la clasificación ocupacional SOC

Desarrolladores de softwareOcupaciones informáticas y matemáticas·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

Más de este repositorio

mismo repositorio

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