Exécutez n'importe quel Skill dans Manus
en un clic

Exécutez n'importe quel Skill dans Manus en un clic

frontend-quality

Étoiles4

Forks0

Mis à jour23 mai 2026 à 19:08

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

Installation

Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.

Exécuter dans Manus

Source

hoangtruong01

hoangtruong01/HorseTrack

Ouvrir le dépôt GitHub Voir les dépôts du créateur

Téléchargement

Exécuter dans Manus

Métiers associésSOC

Basé sur la classification professionnelle SOC

Développeurs de logicielsProfessions informatiques et mathématiques·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

Plus depuis ce dépôt

même dépôt

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