'wing design' 검색 결과

Create and improve web, mobile, and desktop interfaces in Penpot through connected tools. Reuse existing design patterns, build layouts and components, and inspect designs for readability, accessibility, spacing, and usability.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Designing dashboards and app screens
• Improving forms and navigation
• Building a consistent component library

Review interface designs with a senior designer's perspective. It scores each design dimension from zero to ten, explains what a top score requires, and flags generic AI-generated design patterns before UI changes are merged.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Reviewing UI work before merging changes
• Comparing design scores across review dimensions
• Identifying generic AI-generated design patterns

기존 코드에서 색상·글꼴·여백 등의 공통 규칙을 추출하고 디자인 명세와 미리보기를 만듭니다. 화면의 일관성을 열 가지 항목으로 평가하고 수정할 위치도 제시합니다.

• 기존 코드에서 디자인 규칙을 추출합니다
• 개편 전에 화면의 일관성을 점검합니다
• 스타일을 변경하는 PR을 검토합니다

Comprehensive guide for creating professional UI/UX designs in Penpot using MCP tools. Use this skill when: (1) Creating new UI/UX designs for web, mobile, or desktop applications, (2) Building design systems with components and tokens, (3) Designing dashboards, forms, navigation, or landing pages, (4) Applying accessibility standards and best practices, (5) Following platform guidelines (iOS, Android, Material Design), (6) Reviewing or improving existing Penpot designs for usability. Triggers: "design a UI", "create interface", "build layout", "design dashboard", "create form", "design landing page", "make it accessible", "design system", "component library".

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Comprehensive guide for creating professional UI/UX designs in Penpot using MCP tools. Use this skill when: (1) Creating new UI/UX designs for web, mobile, or desktop applications, (2) Building design systems with components and tokens, (3) Designing dashboards, forms, navigation, or landing pages, (4) Applying accessibility standards and best practices, (5) Following platform guidelines (iOS, Android, Material Design), (6) Reviewing or improving existing Penpot designs for usability. Triggers: "design a UI", "create interface", "build layout", "design dashboard", "create form", "design landing page", "make it accessible", "design system", "component library".

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Review an iOS app’s appearance on a real iPhone using screenshots, Apple’s interface guidelines, and project design rules. Get scores for each design dimension and explanations of what would improve them.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Reviewing an iOS app’s visuals on a real iPhone
• Checking screens against project design rules
• Identifying improvements from design scores

Turn a design request into a concrete specification covering colors, fonts, layout, mood, spacing, and constraints. Generate DESIGN.md and an HTML preview, with a clear report of defaults applied to unspecified choices.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Clarifying vague visual requirements before implementation
• Defining colors, fonts, and spacing for a landing page
• Reviewing design choices through an HTML preview

Inspect and test web pages through a browser automation command-line tool. Navigate, click, enter text, capture screenshots, and extract page details, with a focus on checking local OpenDesign previews and reviewing web app quality.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Checking local OpenDesign previews
• Testing clicks and text entry in web apps
• Capturing page or element screenshots

Review Ant Design GitHub issues and prepare responses, labels, and closure recommendations. It distinguishes bugs from feature requests, checks bot answers, and presents a complete plan for approval before making changes.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Draft responses to unanswered issues
• Classify bugs and feature requests
• Review dosubot answers

Update Ant Design projects, mainly from v4 to v5, by reviewing changed component APIs, replacing removed features, and migrating theme settings. The skill also guides use of the official tool for automated code changes.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Upgrading an Ant Design project from v4 to v5
• Replacing removed components and deprecated properties
• Migrating Less theme settings to theme tokens

Define a new product's visual style through product discovery and research. Get recommendations for fonts, colors, layout, spacing, and motion, preview font and color combinations, and document the shared design rules in DESIGN.md.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Defining the visual style for a new product
• Documenting shared brand and interface guidelines
• Previewing font and color combinations

Build HTML slides for an OpenDesign live demo, showing how a short prompt becomes a runnable design. Organize the presentation, visual direction, speaker notes, and animations using the supplied deck template.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Preparing an OpenDesign live demo for developers
• Explaining an AI workflow to prospective customers
• Building HTML slides with speaker notes

Review HTML pages, presentations, or prototypes across five design dimensions. Receive evidence-backed scores, a radar chart, and practical lists of what to keep, fix, or improve quickly, all packaged in a single self-contained HTML report.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Reviewing a landing page before delivery
• Checking the readability and navigation of an HTML presentation
• Comparing two versions of a design

Design, refine, or review web and iOS interfaces using the product’s existing components and visual style. Consult relevant screen examples when useful, then inspect the result for layout problems, inaccessible controls, and broken interactions.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Designing screens that fit an existing product
• Refining a dashboard or simplifying an interface
• Reviewing layouts and interactions before release

Design or review a system’s overall structure, compare technology choices, and plan for growth and failures. Produce architecture diagrams and Architecture Decision Records, documents that explain key choices, alternatives, and their consequences.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Designing the overall structure of a new system
• Comparing monolith and microservices architectures
• Recording technology decisions and alternatives

Apply production-grade design standards when building or reviewing pages, components, or UI. Use this skill whenever the user asks to build a page, design a component, lay out a section, review the UI, fix the layout, or check design quality. Triggers on build a page, create a component, design a section, hero, card, CTA, layout, review the UI, fix the design, design system, design tokens, spacing, typography scale, button standards, mobile design. Also triggers for any production design decision where contrast, accessibility, spacing, or visual hierarchy matters.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

World-class level design expertise - spatial storytelling, player flow, blockout methodology, and the invisible hand that guides players without them knowingUse when "level design, blockout, graybox, whitebox, player flow, level layout, combat arena, exploration space, map design, multiplayer map, pacing, weenie, landmark, gating, metroidvania, open world design, linear level, environmental storytelling, teaching through design, playtesting, heatmap, metrics, sightlines, level-design, game-development, spatial-design, blockout, graybox, player-flow, pacing, environmental-storytelling, combat-design, multiplayer-maps, open-world, linear-design, metroidvania" mentioned.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Design and implement native Android interfaces using Material Design 3 and Jetpack Compose, Android's UI toolkit. The skill covers layouts for different screen sizes, navigation, theming, accessibility, and state handling for reusable components.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Build Android screens with Jetpack Compose
• Adapt layouts for phones, tablets, and foldables
• Set up dynamic colors and dark mode

Review changed UI code against numbered rules in DESIGN.md. Findings identify the relevant rule, affected lines, and a small fix for issues such as wording, component reuse, visual styling, accessibility, or missing screenshot evidence.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Checking UI changes against documented design rules
• Reviewing button labels and access restriction messages
• Spotting inconsistent components, colors, and motion

Design and review desktop interfaces built with GPUI Kit. Applies rules for layouts, colors, components, interaction states, and interface wording, with checks for keyboard access, focus behavior, and accessibility before finishing the work.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Designing a new GPUI Kit screen
• Reviewing colors, spacing, and components
• Checking dialog and keyboard behavior

Review Canva slides, posters, and flyers for layout, wording, visual priorities, readability, and accessibility. Get concrete fixes ranked by importance and organized by page, while keeping the original design unchanged.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Reviewing slides before a presentation
• Checking poster and flyer readability
• Improving wording and visual priorities in social posts

Plan and build frontend interfaces through guided questions, visual references, and agreed design choices. Define colors, typography, and layout before coding, then implement small sections for review, with optional Google Stitch prototyping.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Clarifying a visual direction before building a page
• Designing dashboards from references and brand guidelines
• Reviewing improvements to an existing interface

Review websites, apps, screenshots, or design code for redundant decoration, generic patterns, and usability defects. Receive prioritized findings tied to specific evidence, with removal or small corrections that preserve the interface’s existing design direction.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Reviewing redundant decoration in a landing page
• Finding readability and usability issues in screenshots
• Prioritizing small fixes within the existing design

Use when designing UI components, creating design systems, reviewing visual design, or checking accessibility compliance. Triggers on "design system", "UI review", "color palette", "font pairing", "accessibility audit", "responsive design", "WCAG check". Auto-activates when ui-ux-designer agent is working. Data-driven: 160 palettes, 73 font pairings, 161 product types, 98 UX guidelines, 25 chart types.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.