Jeden Skill in Manus ausführen
mit einem Klick

Jeden Skill in Manus mit einem Klick ausführen

frontend-quality

Sterne4

Forks0

Aktualisiert23. Mai 2026 um 19:08

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

Installation

Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.

In Manus ausführen

Quelle

hoangtruong01

hoangtruong01/HorseTrack

GitHub-Repository öffnen Creator-Repositorys ansehen

Download

In Manus ausführen

Verwandte BerufeSOC

Basierend auf der SOC-Berufsklassifikation

SoftwareentwicklerInformatik- und Mathematikberufe·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

Mehr aus diesem Repository

gleiches Repository

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