스킬 찾기

색상, 형태, 여백의 방향부터 정해 포스터와 정적인 예술 작품을 제작합니다. 디자인 철학을 담은 Markdown과 글자를 최소화한 PNG 또는 PDF 작품을 만듭니다.

• 독창적인 포스터를 제작합니다
• 주제를 추상 예술로 표현합니다
• 디자인 방향과 작품을 함께 남깁니다

Review multi-step forms to find information users must enter more than once. Suggest automatic filling, reuse options, and preserving data between steps, while explaining relevant accessibility requirements and exceptions for security or validity.

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

• Checking repeated fields during checkout
• Reviewing signup and onboarding forms
• Reusing information in support flows

Review images, icons, and illustrations for cultural meanings that may confuse international audiences. Suggest neutral alternatives or locale-based replacements with a shared default, and flag embedded text and other visuals that need localization review.

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

• Reviewing images for an international launch
• Checking gestures and culturally specific symbols
• Switching images by language or region

Check text, input borders, meaningful icons, and other interface elements for sufficient color contrast. Guide color adjustments against WCAG accessibility thresholds and verify readability across default, hover, focus, active, and visited states.

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

• Checking text against background colors
• Reviewing input borders and meaningful icons
• Checking contrast during hover and keyboard focus

Review CSS color definitions and convert palettes to oklch(), a color format designed around human perception. Use consistent lightness steps to build color scales, dark-mode palettes, and interaction states, with guidance for wide-gamut displays.

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

• Organizing reusable CSS color definitions
• Building color scales with consistent perceived lightness
• Designing dark-mode and hover colors

Review help links, chat controls, phone numbers, and FAQ entry points across related pages. Compare their relative positions and order under matching layout conditions, then identify changes that make support easier to find throughout a task.

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

• Reviewing help placement throughout checkout
• Aligning support links across onboarding steps
• Checking help entry points during account recovery

Build an interactive page that explains a process as a machine viewed from an angle. A tested simulation keeps movement, numbers, and explanations consistent, while controls let readers step through operations and explore failures.

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

• Explain a cache or queue through an interactive machine
• Show what fails when one process step breaks
• Create a standalone visual explanation page

Create static SVG diagrams, scalable images for lessons, READMEs, and manuals. It uses real system names, nine diagram types, and consistent colors and arrows, with checks for readable labels, accessible descriptions, and valid markup.

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

• Add a diagram of system interactions to a README
• Explain state transitions in a manual
• Illustrate data flow from logs or specifications

Apply shared visual and writing rules to course pages, figures, and manuals. Check colors, fonts, labels, layouts, plain technical English, dark themes, keyboard focus, touch targets, and reduced-motion behavior against defined reference values.

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

• Applying consistent colors and fonts to course pages
• Checking dark theme colors and text readability
• Standardizing figure labels and card layouts

Create animated lesson diagrams, sliders that update figures, and interactive panels that explain how systems work. It also builds moving dot patterns for page headers, with rules for readability, themes, and reduced motion.

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

• Animate a process in a lesson
• Explore a formula with a slider
• Show a system's behavior through one control

Plan the visual and narrative direction of HyperFrames videos, including colors, fonts, composition, narration, and scene rhythm. The skill helps apply existing design specifications, choose a style, and check whether the finished work follows that direction.

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

• Match a video's appearance to existing design specifications
• Choose colors and fonts to suit a mood
• Plan scene rhythm and narration pacing

Turn written descriptions or Mermaid code into diagrams showing processes, interactions, and data relationships. Choose a color theme and save both SVG files, which stay sharp when enlarged, and high-resolution PNG images.

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

• Illustrating workflows and decision trees
• Diagramming API interactions
• Visualizing database relationships

Apply Disney's 12 animation principles to Lottie vector animations exported from After Effects. Use guidance on keyframes, motion paths, and playback controls to shape anticipation, timing, secondary actions, and interactive movement.

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

• Adding anticipation and squash-and-stretch to an animation
• Adjusting playback speed and frame ranges
• Coordinating main and secondary animations

Create a reusable design guide covering colors, typography, layout, and motion. Extract styles from existing sources or start from scratch, then turn the guide into instructions or code for supported video, slide, and design tools.

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

• Creating a design guide from a desired mood
• Extracting visual rules from a website or brand PDF
• Applying one style to videos, slides, and designs

Build prompts for FLUX image generation and editing, with guidance on model selection, lighting, composition, text, and precise colors. It also covers structured scene descriptions using JSON and editing with multiple reference images.

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

• Writing prompts for image generation
• Specifying brand colors and text
• Editing with multiple reference images

Builds and improves web interfaces, covering layout, styling, motion, and usability. It records design rules before implementation, uses supplied references or design research, and checks the result in real browsers for visual consistency, accessibility, and performance.

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

• Building a landing page from a screenshot or website reference
• Improving an existing dashboard’s layout and visual design
• Adding animation and interaction feedback

Create and revise posters, social graphics, web pages, and app screens on a Design canvas. Apply brand colors, fonts, and shared components, organize multiple artboards, and make targeted changes to existing designs.

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

• Design a menu poster
• Create a graphic for a social post
• Design web and app screens

Build and revise a design system from brand materials or code. Organize colors, typography, spacing, components, and assets into structured files, with usage guidelines and previews, using the supported Design System artifact format.

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

• Organizing design rules from existing code and brand materials
• Documenting colors, typography, and spacing
• Collecting logos, icons, and component previews

Plan a presentation around what the audience needs to understand or decide. Develop its outline, titles, evidence, and visual choices, with guidance tailored to live talks or decks people will read on their own.

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

• Outline a five-minute progress update
• Clarify the decision needed in a board presentation
• Plan a customer demo around onboarding questions

Review visual design choices before creating or styling web pages, components, apps, dashboards, or interactive reports. It flags repetitive colors, typography, layouts, and motion patterns to avoid, while keeping explicit user requests and other specified styles in control.

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

• Review design choices before creating a web page
• Check repetitive card layouts in a dashboard
• Review typography and color choices in components

Create maps from real geographic data for presentations, documents, graphics, and websites. Use d3-geo for static maps suitable for export, or Leaflet with OpenStreetMap tiles for street maps that users can pan and zoom.

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

• Add a world map to a presentation
• Create a regional map for a report
• Build a street map that users can pan and zoom

Create an HTML slide presentation with a clear narrative, readable typography, and layouts suited to the audience and brand. Static slide content supports direct text editing in the editor, while the presentation component provides navigation and PDF printing.

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

• Create slides for an internal presentation
• Build a deck that follows a brand or design system
• Present figures using tables, images, and quotations

Add controls for adjusting a design’s colors, layout, feature settings, or headline text. Use specified values or let the agent choose a few high-impact ones, keeping the Tweaks panel compact and hidden when disabled.

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

• Add controls for adjusting key colors
• Make layout variants selectable
• Add a control for changing headline text

Create and edit Canva designs for presentations, campaigns, flyers, and social posts. Generate standalone images, remove backgrounds, recover editable layers from flat graphics, and use available brand templates or resize existing designs.

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

• Create a flyer or presentation in Canva
• Make campaign artwork from a brand template
• Resize a design for social posts and stories