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.
中文简介正在准备中。当前显示原文说明。
aladicf/better-web-ui☆ 432026年5月22日 更新
Plan, implement, or improve an internationalization and localization strategy for UI content, formatting, and regional adaptation. Use when the user asks to add i18n, localize, translate, support multiple languages, handle regional formats, manage locale switching, or build a multilingual product.
中文简介正在准备中。当前显示原文说明。
aladicf/better-web-ui☆ 432026年5月22日 更新
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.
中文简介正在准备中。当前显示原文说明。
aladicf/better-web-ui☆ 432026年5月22日 更新
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.
中文简介正在准备中。当前显示原文说明。
aladicf/better-web-ui☆ 432026年5月22日 更新
Design or improve search experiences, result presentation, and filtering interfaces. Use when the user asks to add search, redesign search results, improve findability, build autocomplete, add filters, or fix zero-results dead ends.
中文简介正在准备中。当前显示原文说明。
aladicf/better-web-ui☆ 432026年5月22日 更新
Gather and persist project design context such as audience, brand personality, UX goals, and implementation defaults for future better-web-ui work. Use when starting a project, defining UI direction, or establishing reusable design guidance before other better-web-ui skills.
中文简介正在准备中。当前显示原文说明。
aladicf/better-web-ui☆ 432026年5月22日 更新
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.
中文简介正在准备中。当前显示原文说明。
aladicf/better-web-ui☆ 432026年5月22日 更新
Build or improve a UI testing strategy covering visual regression, interaction testing, and accessibility assertions. Use when the user asks to add tests, set up testing, fix flaky tests, improve test coverage, validate UI behavior, catch visual bugs, or establish confidence in shipping frontend changes.
中文简介正在准备中。当前显示原文说明。
aladicf/better-web-ui☆ 432026年5月22日 更新
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.
中文简介正在准备中。当前显示原文说明。
aladicf/better-web-ui☆ 432026年5月22日 更新
Add moments of joy, personality, and surprise through success states, empty states, loading moments, hover details, and celebratory polish once the fundamentals already work. Use when the user wants delight, charm, personality, or memorable micro-interactions—not when the main need is baseline cleanup or stronger visual impact.
中文简介正在准备中。当前显示原文说明。
aladicf/better-react-web-ui☆ 42026年9月8日 更新
Add or refine depth through elevation systems, raised and inset surfaces, layered overlap, and meaningful shadow behavior so interfaces feel structured instead of flat. Use when the user mentions depth, elevation, shadows, layering, flat cards, pressed states, drag feedback, or inset controls.
中文简介正在准备中。当前显示原文说明。
aladicf/better-react-web-ui☆ 42026年9月8日 更新
Extract reusable components, product patterns, and design tokens into a clearer design system with shared APIs, documented defaults, and better reuse. Use when the user wants to refactor repeated UI, consolidate buttons/cards/forms/sections, build a component library, or turn one-off values into reusable tokens.
中文简介正在准备中。当前显示原文说明。
aladicf/better-react-web-ui☆ 42026年9月8日 更新
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.
中文简介正在准备中。当前显示原文说明。
aladicf/better-react-web-ui☆ 42026年9月8日 更新
Evaluate an interface from a UX perspective, assessing hierarchy, information architecture, emotional resonance, cognitive load, and overall quality with evidence-linked judgments and actionable feedback. Use when the user wants an overall design or UX review—not when the main need is measurable accessibility/performance diagnosis, or final micro-detail polish.
中文简介正在准备中。当前显示原文说明。
aladicf/better-react-web-ui☆ 42026年9月8日 更新
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.
中文简介正在准备中。当前显示原文说明。
aladicf/better-react-web-ui☆ 42026年9月8日 更新
Plan, implement, or improve an internationalization and localization strategy for UI content, formatting, and regional adaptation. Use when the user asks to add i18n, localize, translate, support multiple languages, handle regional formats, manage locale switching, or build a multilingual product.
中文简介正在准备中。当前显示原文说明。
aladicf/better-react-web-ui☆ 42026年9月8日 更新
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.
中文简介正在准备中。当前显示原文说明。
aladicf/better-react-web-ui☆ 42026年9月8日 更新
Perform a final quality pass fixing alignment, spacing, consistency, and micro-detail issues before shipping. Use when the work is functionally complete and needs finishing touches—not when the hierarchy, structure, tone, or technical foundation still need major changes.
中文简介正在准备中。当前显示原文说明。
aladicf/better-react-web-ui☆ 42026年9月8日 更新
Design or improve search experiences, result presentation, and filtering interfaces. Use when the user asks to add search, redesign search results, improve findability, build autocomplete, add filters, or fix zero-results dead ends.
中文简介正在准备中。当前显示原文说明。
aladicf/better-react-web-ui☆ 42026年9月8日 更新
Design security-conscious interfaces that protect users without frustrating them. Use when the user asks about MFA, password UX, breach notifications, trust indicators, secure forms, account recovery, or making security feel safe rather than scary.
中文简介正在准备中。当前显示原文说明。
aladicf/better-react-web-ui☆ 42026年9月8日 更新
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.
中文简介正在准备中。当前显示原文说明。
aladicf/better-react-web-ui☆ 42026年9月8日 更新
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.
中文简介正在准备中。当前显示原文说明。
aladicf/better-react-web-ui☆ 42026年9月8日 更新
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.
中文简介正在准备中。当前显示原文说明。
aladicf/better-react-web-ui☆ 42026年9月8日 更新
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.
中文简介正在准备中。当前显示原文说明。
aladicf/better-react-web-ui☆ 42026年9月8日 更新