Diagnose and fix UI performance across loading speed, rendering, animations, images, and bundle size. Use when the user mentions slow, laggy, janky, performance, bundle size, load time, or wants a faster, smoother experience.
The English summary is being prepared. Showing the original description.
aladicf/better-react-web-ui☆ 4Updated Sep 8, 2026
Improve UX writing, marketing copy, labels, microcopy, instructions, and error messages so interfaces and product messaging are easier to understand and act on. Use when the user mentions confusing copy, unclear labels, bad error text, weak CTAs, hard-to-follow instructions, or wanting better UX writing.
The English summary is being prepared. Showing the original description.
aladicf/better-react-web-ui☆ 4Updated Sep 8, 2026
Audit and realign UI to match design system standards, spacing, tokens, and patterns. Use when the user mentions consistency, design drift, mismatched styles, tokens, or wants to bring a feature back in line with the system.
The English summary is being prepared. Showing the original description.
aladicf/better-react-web-ui☆ 4Updated Sep 8, 2026
Build or improve UI test coverage for visual regression, interactions, and accessibility. Use when the user asks for a test strategy, automated tests, testing setup, or fixes to flaky UI tests. A one-time browser inspection or visual review does not require a new test suite.
The English summary is being prepared. Showing the original description.
aladicf/better-react-web-ui☆ 4Updated Sep 8, 2026
Increase visual impact, contrast, personality, and compositional confidence when a design feels bland, generic, or too safe. Use when the design needs more energy, confidence, or memorability—not when the real problem is clutter, over-intensity, or micro-detail polish.
The English summary is being prepared. Showing the original description.
aladicf/better-react-web-ui☆ 4Updated Sep 8, 2026
Improve how interfaces use photos, screenshots, icons, illustrations, and user-uploaded media so visuals support clarity instead of undermining it. Use when the user mentions images, screenshots, background photos, hero images, icon sizing, user-uploaded media, crops, overlays, or image readability.
The English summary is being prepared. Showing the original description.
aladicf/better-react-web-ui☆ 4Updated Sep 8, 2026
Improve UI typography by fixing font choices, type scale, hierarchy, weight, and readability so text feels intentional. Use when the user mentions fonts, typography, type scale, readability, text hierarchy, or sizing that feels off.
The English summary is being prepared. Showing the original description.
aladicf/better-react-web-ui☆ 4Updated Sep 8, 2026
Create standout, technically ambitious interfaces that feel extraordinary through cinematic transitions, advanced motion, heavy rendering, or other high-ambition implementation work. Use when the user wants to wow, impress, go all-out, or push a feature beyond conventional UI polish—not when simple visual confidence or routine cleanup is enough.
The English summary is being prepared. Showing the original description.
aladicf/better-react-web-ui☆ 4Updated Sep 8, 2026
Clarify priority and emphasis by fixing unclear primary actions, competing visual weight, loud section titles, and weak label/value treatment. Use when the user mentions hierarchy, prioritization, too much competition, grayscale confusion, loud headings, or unclear primary actions.
The English summary is being prepared. Showing the original description.
aladicf/better-react-web-ui☆ 4Updated Sep 8, 2026
Gather and persist audience, brand, UX goals, React framework, Tailwind setup, and component defaults for future design work. Use when the user asks to establish or update reusable project design guidance. A request to build UI can proceed with existing context without running setup.
The English summary is being prepared. Showing the original description.
aladicf/better-react-web-ui☆ 4Updated Sep 8, 2026
Reduce visual intensity, saturation, and noise while preserving hierarchy and character. Use when the structure is basically sound but the design feels too loud, bold, garish, aggressive, or overstimulating—not when the real problem is structural clutter, too many features, or not enough personality.
The English summary is being prepared. Showing the original description.
aladicf/better-react-web-ui☆ 4Updated Sep 8, 2026
Design, structure, or improve form interfaces for clarity, completion rates, and user confidence. Use when the user asks to build a form, redesign a form flow, improve form conversion, add multi-step forms, fix form UX, or structure field layouts and validation.
The English summary is being prepared. Showing the original description.
aladicf/better-react-web-ui☆ 4Updated Sep 8, 2026