跳到正文
cccskills

“web-ui”的搜索结果

84 个 · 按相关度排序

shadcn/ui component library patterns, CLI usage, theming, customization

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

agents-inc/skills252026年10月17日 更新

Unstyled accessible UI primitives

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

agents-inc/skills252026年10月17日 更新

Mantine v7 component library — theming, styling, hooks, forms, notifications

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

agents-inc/skills252026年10月17日 更新

Material UI component library patterns for React

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

agents-inc/skills252026年10月17日 更新

optimize

免费

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-ui42026年9月8日 更新

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-react-web-ui42026年9月8日 更新

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-react-web-ui42026年9月8日 更新

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-react-web-ui42026年9月8日 更新

localize

免费

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-ui42026年9月8日 更新

imagery

免费

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-ui42026年9月8日 更新

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-react-web-ui42026年9月8日 更新

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-react-web-ui42026年9月8日 更新

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-react-web-ui42026年9月8日 更新

animate

免费

Implement or refine UI motion, gestures, and transitions. Use when the user asks for animation, hover or press motion, drag or swipe behavior, transition timing, or reduced-motion alternatives. Mentioning a drawer, toast, or hover state alone does not request animation.

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

aladicf/better-react-web-ui42026年9月8日 更新

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-react-web-ui42026年9月8日 更新

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-react-web-ui42026年9月8日 更新

add-ui

免费

Create or redesign React and Tailwind sections, pages, flows, shells, and components. Use when the user wants new UI or a redesign. Implement one requested or selected direction directly, or generate distinct alternatives when the user asks to compare options.

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

aladicf/better-react-web-ui42026年9月8日 更新

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-react-web-ui42026年9月8日 更新

forms

免费

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-ui42026年9月8日 更新

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, coarse-pointer browsers, or cross-context adaptation.

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

aladicf/better-react-web-ui42026年9月8日 更新

data-viz

免费

Design charts, metrics, and data tables that help users interpret and compare data. Use when the user asks to visualize data, choose chart types, improve dashboard analytics, or make data presentation accessible. Dashboard navigation and shell layout alone belong to add-ui or arrange.

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

aladicf/better-react-web-ui42026年9月8日 更新

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-react-web-ui42026年9月8日 更新

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-react-web-ui42026年9月8日 更新

extract

免费

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-ui42026年9月8日 更新