스킬 찾기

Create static technical drawings from object descriptions, photographs, or CAD models. Produce consistent views that explain shape or assembly, plus a viewer with zoom, editable colors, and downloads in SVG, PNG, and PDF formats.

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

• Creating an exploded view to explain an assembly
• Drawing aligned views from supplied dimensions
• Illustrating an object's shape from photographs

Stress test one interface component on a temporary page using scenarios that its inputs and states can actually produce. View the examples together, record visible failures, and keep the annotated page available as a visual report.

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

• Check how a component handles long text
• Inspect a component inside narrow containers
• Compare relevant data and state scenarios

Review and improve interface grouping, alignment, spacing, and responsive structure. Check whether content and actions remain accessible when screens resize, text grows in translation, zoom increases, or the layout switches to right-to-left reading.

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

• Checking clipping and overlap on narrow screens or at higher zoom
• Preparing layouts for longer translated text
• Reviewing right-to-left layouts

Refine interface surfaces, icons, and motion with specific values for corners, shadows, alignment, and transitions. Preserve the project's existing design conventions while identifying visual inconsistencies, touch interaction problems, and missing alternatives for reduced motion.

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

• Refining corners and shadows on nested cards
• Unifying icon appearance across interaction states
• Adjusting button feedback and entrance animations

Review a branch, pull request, or uncommitted changes for interface problems involving accessibility, layout, text, typography, and color. The report distinguishes newly introduced issues, regressions, and existing problems, including effects on screens that use changed components.

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

• Review interface changes in a pull request
• Check whether shared component changes affect other screens
• Find accessibility regressions before merging

Build and review interface color systems with palettes, format conversions, and semantic tokens that name colors by purpose. Measure foreground and background contrast, and identify inconsistent themes, misused color roles, and colors outside the supported range.

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

• Build palettes around interface roles
• Organize color tokens by purpose
• Measure text and background contrast

Review an interface across accessibility, layout, writing, typography, color, and visual polish. It coordinates specialist skills, combines evidence from code and rendered screens, and produces one report with findings ranked by their impact on users.

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

• Reviewing a screen or complete user flow
• Checking loading, error, and narrow-screen states
• Prioritizing interface fixes by user impact

Review and fix interface accessibility against WCAG 2.2, a web accessibility standard. Check keyboard navigation, focus, screen reader labels, forms, motion, and zoom, then report failures with their criteria and implement fixes using the project's existing styling system.

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

• Check flows using only the keyboard
• Fix control names and screen reader announcements
• Improve form labels and error feedback

Set and review how interface text renders, including font loading, size hierarchy, line spacing, wrapping, truncation, and punctuation. Apply fixes within the existing styling system and check how realistic content behaves across different widths.

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

• Organize heading and body text sizes
• Fix wrapping and truncated text
• Keep changing numbers aligned

Create a temporary workbench for one existing component, using realistic mock data and a grouped state switcher. View loading, empty, error, access, and other implemented states individually, with a link to each state.

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

• Comparing loading, empty, and error states in a table
• Checking displays for different roles and plans
• Inspecting layouts with realistic amounts of sample data

Write and review interface text, including button labels, errors, empty states, and confirmations. Match the product's established vocabulary and tone, explain actions clearly, and give people a useful next step when something goes wrong.

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

• Unifying terminology across labels and notifications
• Rewriting errors to explain how to recover
• Writing empty states with a clear next action

Create three distinct versions of one interface component and compare them at full size on the actual page. Explore a chosen design dimension, review each option's tradeoffs, and integrate the selected version while removing the temporary comparison controls.

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

• Compare alternative structures for one component
• Explore different spacing and density levels
• Share links to individual design options

Explain how a website, visual effect, or animation works from a live URL or screenshot. Identify the layers and techniques behind the appearance, distinguish measurements from inferences, and describe the principles that can transfer to other interfaces.

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

• Understand the layers behind a gradient effect
• Learn how a web animation produces its motion
• Investigate a site's frontend structure and visual systems

Turn a Figma file or design image into a working interface using the project's existing components and design tokens, its shared visual settings. Compare the implementation with the design and report differences, missing states, and parts awaiting backend connections.

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

• Implement an interface from a Figma design
• Build a screen from a supplied design image
• Reuse existing components and shared visual settings

Refine interface details such as typography, shadows, rounded corners, icons, and animations within the project's existing styling system. Supports implementation and quick or full reviews with prioritized findings, concrete changes, and verification results.

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

• Refine button and card appearance
• Adjust hover feedback and animations
• Improve text wrapping and changing number displays