跳到正文
cccskills

设计技能

UI/UX、标志、幻灯片、图像生成(7271 个)

按价格或排序方式筛选

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

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

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

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

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

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

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.

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

Agistra/agistra.dev52026年10月21日 更新

Build and refactor SwiftUI UI with component patterns and examples. Use when shaping navigation, state, layouts, controls, or screen composition.

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

kvn8888/OpenFoodJournal52026年10月10日 更新

Design App Intents, app entities, and App Shortcuts for iOS system surfaces. Use when exposing app actions or content to Shortcuts, Siri, Spotlight, widgets, or controls.

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

kvn8888/OpenFoodJournal52026年10月10日 更新

Create a new App Store Connect app record via browser automation. Use when there is no public API for app creation and you need an agent to drive the New App form.

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

kvn8888/OpenFoodJournal52026年10月10日 更新

UI/UX design system and component patterns for OpenFoodJournal. Use when building new views, adding UI components, styling elements, presenting sheets, or modifying any view file. Contains the project's design tokens, component catalog, animation conventions, and layout patterns so new UI stays visually consistent with the existing app.

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

kvn8888/OpenFoodJournal52026年10月10日 更新

Game design principles. GDD structure, balancing, player psychology, progression.

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

AxelMrak/ai52026年2月20日 更新

Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.

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

AxelMrak/ai52026年2月20日 更新

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

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

AxelMrak/ai52026年2月20日 更新

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

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

AxelMrak/ai52026年2月20日 更新

UI and UX design intelligence for building and reviewing interfaces.

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

AxelMrak/ai52026年2月20日 更新