6.8천건 · 관련도순
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.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
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.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
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.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
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.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
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.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
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.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
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.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
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.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
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.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
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.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
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.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Gather and persist audience, brand, UX goals, React framework, Tailwind setup, and component defaults for future design work. Use when the user asks to establish or update reusable project design guidance. A request to build UI can proceed with existing context without running setup.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
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.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations, drag/swipe/sheet interactions, momentum and interruptible transitions, translucent materials and depth, typography (optical sizing, tracking, leading), reduced-motion, or the design foundations (feedback, spatial consistency, restraint) behind Apple-style interfaces.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Implement or modify web UI in React, Next.js, or Angular. Use for components, pages, styles, forms, and frontend state or data flows.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Find external documentation, web sources, or remote code with citations. Local code navigation uses the configured code tools.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Create accessibility checklists for web applications. TRIGGERS - Use when user needs help with accessibility-checklist related tasks.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Resize a product photo to Shopify's recommended 2048×2048px square format, sharpen, and convert to WebP for fast storefront load times.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Smart crop to face, remove the background, and convert to WebP for a clean user avatar.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Resize an image, add a branded text watermark, and convert to WebP in a two-step pipeline.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Resize a source image to a thumbnail and convert to WebP.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Extract SKUs, product names, unit prices, availability, and minimum order quantities from a supplier catalog page.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Extract address, listing price, bedrooms, bathrooms, amenities, and agent contact details from a public listing page.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Extract menu item names, prices, descriptions, and dietary notes from a public restaurant menu page.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.