跳到正文
cccskills

aladicf

@aladicf

66 个技能2 个仓库 47

仓库

技能(66)

在搜索中筛选

adapt

免费

Adapt designs for narrow, medium, wide, embedded, or print web contexts without losing usability, hierarchy, or target sizing. Use when the user mentions responsive design, breakpoints, narrow layouts, viewport changes, touch-capable browsers, or cross-context adaptation.

中文简介正在准备中。当前显示原文说明。

aladicf/better-web-ui432026年5月22日 更新

animate

免费

Improve or implement purposeful motion systems, micro-interactions, gestures, and transition behavior for production-grade UI. Use when the user mentions animation, motion, transitions, micro-interactions, hover states, drawers, toasts, gestures, or making the UI feel more alive.

中文简介正在准备中。当前显示原文说明。

aladicf/better-web-ui432026年5月22日 更新

colorize

免费

Build or refine UI color systems, warmth, semantic color, and color-based hierarchy in designs that are too gray, monochromatic, or missing color meaning. Use when the user mentions dull colors, gray UI, missing warmth, weak semantic color, or a need for stronger color hierarchy.

中文简介正在准备中。当前显示原文说明。

aladicf/better-web-ui432026年5月22日 更新

a11y

免费

Systematically audit and remediate accessibility issues in UI, focusing on keyboard navigation, screen reader support, color contrast, semantic HTML, ARIA usage, and motion sensitivity. Use when the user wants to improve accessibility, make a component accessible, fix WCAG violations, add keyboard support, or ensure screen reader compatibility.

中文简介正在准备中。当前显示原文说明。

aladicf/better-web-ui432026年5月22日 更新

audit

免费

Run technical quality checks across accessibility, performance, theming, responsive design, and anti-patterns. Generates a scored report with P0-P3 severity ratings and actionable plan. Use when the user wants measurable accessibility, performance, responsive, theming, or anti-pattern findings—not when they mainly want an overall UX critique or final visual/detail polish.

中文简介正在准备中。当前显示原文说明。

aladicf/better-web-ui432026年5月22日 更新

depth

免费

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-web-ui432026年5月22日 更新

arrange

免费

Improve layout composition, spacing systems, grouping, and visual rhythm. Use when the user mentions weak layout structure, arbitrary spacing, weak grouping, crowded composition, or layout monotony rather than priority/emphasis problems.

中文简介正在准备中。当前显示原文说明。

aladicf/better-web-ui432026年5月22日 更新

hierarchy

免费

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-web-ui432026年5月22日 更新

onboard

免费

Design onboarding and activation flows that help users reach value quickly. Use when the user mentions onboarding, getting started, first-time users, activation, aha moments, or new user flows—not when the work is only the empty-state surface itself.

中文简介正在准备中。当前显示原文说明。

aladicf/better-web-ui432026年5月22日 更新

quieter

免费

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.

中文简介正在准备中。当前显示原文说明。

aladicf/better-web-ui432026年5月22日 更新

delight

免费

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-web-ui432026年5月22日 更新

showcase

免费

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-ui432026年5月22日 更新

test

免费

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-ui432026年5月22日 更新

typeset

免费

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-ui432026年5月22日 更新

distill

免费

Simplify cluttered UI by removing unnecessary elements, choices, features, and structural complexity. Use when the problem is too many controls, options, features, or competing elements—not when the structure is sound and the real issue is only visual intensity or lack of personality.

中文简介正在准备中。当前显示原文说明。

aladicf/better-web-ui432026年5月22日 更新

bolder

免费

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-web-ui432026年5月22日 更新

harden

免费

Improve interface resilience through better error handling, i18n support, text overflow handling, and edge case management, making interfaces robust and production-ready. Use when the user asks to harden, make production-ready, handle edge cases, add error states, or fix overflow and i18n issues.

中文简介正在准备中。当前显示原文说明。

aladicf/better-web-ui432026年5月22日 更新

add-ui

免费

Generate 5 distinct, production-grade UI variations for a requested new or existing section, component, page, flow, or shell, then help the user preview and apply one. Use when the user asks to add or redesign UI like a hero, pricing, navbar, auth flow, dashboard shell, ecommerce surface, or data component.

中文简介正在准备中。当前显示原文说明。

aladicf/better-web-ui432026年5月22日 更新

normalize

免费

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-ui432026年5月22日 更新

critique

免费

Evaluate an interface from a UX perspective, assessing hierarchy, information architecture, emotional resonance, cognitive load, and overall quality with quantitative scoring 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-web-ui432026年5月22日 更新

search

免费

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-ui432026年5月22日 更新

polish

免费

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-web-ui432026年5月22日 更新

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-web-ui432026年5月22日 更新

clarify

免费

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.

中文简介正在准备中。当前显示原文说明。

aladicf/better-web-ui432026年5月22日 更新

这是你的账号吗?关联 GitHub 后可以汇总到你的创作者页面(日语)