Source

aladicf/better-web-ui

33 skills · 9.4K combined installs

Skills from this source

#

Skill

Source

8W Activity

Installs

search Design or improve search experiences, result presentation, and filtering interfaces. Use when the user asks to add se…

aladicf/better-web-ui

critique Evaluate an interface from a UX perspective, assessing hierarchy, information architecture, emotional resonance, cogn…

aladicf/better-web-ui

frontend-design Create distinctive, production-grade frontend interfaces with strong hierarchy, thoughtful systems, and polished impl…

aladicf/better-web-ui

polish Perform a final quality pass fixing alignment, spacing, consistency, and micro-detail issues before shipping. Use whe…

aladicf/better-web-ui

animate Improve or implement purposeful motion systems, micro-interactions, gestures, and transition behavior for production-…

aladicf/better-web-ui

audit Run technical quality checks across accessibility, performance, theming, responsive design, and anti-patterns.

aladicf/better-web-ui

hierarchy Clarify priority and emphasis by fixing unclear primary actions, competing visual weight, loud section titles, and we…

aladicf/better-web-ui

add-ui Generate 5 distinct, production-grade UI variations for a requested new or existing section, component, page, flow, o…

aladicf/better-web-ui

setup Gather and persist project design context such as audience, brand personality, UX goals, and implementation defaults …

aladicf/better-web-ui

arrange Improve layout composition, spacing systems, grouping, and visual rhythm. Use when the user mentions weak layout stru…

aladicf/better-web-ui

typeset Improve UI typography by fixing font choices, type scale, hierarchy, weight, and readability so text feels intentiona…

aladicf/better-web-ui

empty-state Design focused empty states for zero-data, no-results, permission, and error situations with clear value framing, str…

aladicf/better-web-ui

adapt Adapt designs for narrow, medium, wide, embedded, or print web contexts without losing usability, hierarchy, or targe…

aladicf/better-web-ui

normalize Audit and realign UI to match design system standards, spacing, tokens, and patterns. Use when the user mentions cons…

aladicf/better-web-ui

colorize Build or refine UI color systems, warmth, semantic color, and color-based hierarchy in designs that are too gray, mon…

aladicf/better-web-ui

forms Design, structure, or improve form interfaces for clarity, completion rates, and user confidence. Use when the user a…

aladicf/better-web-ui

distill Simplify cluttered UI by removing unnecessary elements, choices, features, and structural complexity.

aladicf/better-web-ui

harden Improve interface resilience through better error handling, i18n support, text overflow handling, and edge case manag…

aladicf/better-web-ui

depth Add or refine depth through elevation systems, raised and inset surfaces, layered overlap, and meaningful shadow beha…

aladicf/better-web-ui

a11y Systematically audit and remediate accessibility issues in UI, focusing on keyboard navigation, screen reader support…

aladicf/better-web-ui

imagery Improve how interfaces use photos, screenshots, icons, illustrations, and user-uploaded media so visuals support clar…

aladicf/better-web-ui

optimize Diagnose and fix UI performance across loading speed, rendering, animations, images, and bundle size. Use when the us…

aladicf/better-web-ui

bolder Increase visual impact, contrast, personality, and compositional confidence when a design feels bland, generic, or to…

aladicf/better-web-ui

clarify Improve UX writing, marketing copy, labels, microcopy, instructions, and error messages so interfaces and product mes…

aladicf/better-web-ui

delight Add moments of joy, personality, and surprise through success states, empty states, loading moments, hover details, a…

aladicf/better-web-ui

extract Extract reusable components, product patterns, and design tokens into a clearer design system with shared APIs, docum…

aladicf/better-web-ui

showcase Create standout, technically ambitious interfaces that feel extraordinary through cinematic transitions, advanced mot…

aladicf/better-web-ui

data-viz Design or improve data visualizations, charts, and data presentation interfaces. Use when the user asks to add charts…

aladicf/better-web-ui

quieter Reduce visual intensity, saturation, and noise while preserving hierarchy and character.

aladicf/better-web-ui

onboard Design onboarding and activation flows that help users reach value quickly. Use when the user mentions onboarding, ge…

aladicf/better-web-ui

test Build or improve a UI testing strategy covering visual regression, interaction testing, and accessibility assertions.

aladicf/better-web-ui

security-ux Design security-conscious interfaces that protect users without frustrating them. Use when the user asks about MFA, p…

aladicf/better-web-ui

localize Plan, implement, or improve an internationalization and localization strategy for UI content, formatting, and regiona…

aladicf/better-web-ui