디자인 스킬

Create SVG illustrations centered on one physical object, with white faces, teal sides, dark outlines, and hard shadows. Use this consistent, people-free style for onboarding steps, empty states, feature cards, and product imagery.

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

• Object illustrations for empty states
• Artwork for onboarding steps
• Cards explaining product features

Create SVG illustration cards of people working with laptops, screens, and design components. Follow a defined pastel palette, violet frame, thin navy outlines, and overlapping speech bubbles to produce matching artwork for product pages, onboarding, and team content.

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

• Create illustrations for support or team pages
• Add matching artwork to onboarding and 404 screens
• Draw people designing interfaces or coding

Create SVG illustrations, a scalable vector image format, with thick navy outlines, vivid colors, and chunky depth. Combine a cartoon character with overlapping props for product screens and marketing cards, then render, review, and refine the artwork.

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

• Illustrating 404 and error pages
• Creating onboarding illustrations
• Designing blog header artwork

Create a dark animated backdrop with soft vertical folds of light, layered glow, and a brighter corner or lower edge. Adjust color, density, softness, and drift to build depth while keeping foreground content visually prominent.

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

• Adding slowly drifting light curtains to a dark background
• Matching background glow to a brand accent color
• Concentrating light near a corner or lower edge

Design a technical web interface with dark surfaces, bright green signals, precise borders, and a prominent WebGL visualization. Coordinate split layouts, typography, controls, status labels, and restrained animation into a consistent visual system.

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

• Design a split-screen hero with text and WebGL
• Unify progress indicators and status panels
• Integrate glowing particles or geometry into an interface

Design airy pages with a luminous blue sky background, drifting cloud light, and white typography. It guides minimal navigation, subtle framing, buttons, logo rows, and gentle motion to create a calm, spacious composition.

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

• Designing a sky-blue opening section
• Creating a spacious product introduction page
• Coordinating white type and subtle framing

Create original SVG illustration cards of people coding, thinking, or resting. The style combines thick, uneven black marker lines, offset mint shapes, and cream paper for onboarding screens, error pages, editorial headers, and marketing cards.

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

• Illustrate an empty state
• Add character art to onboarding
• Create an illustration for a 404 page

Create SVG illustrations, a scalable vector image format, of people working in airy rooms or terraces. Use thin indigo outlines, mostly white shapes, and restrained color accents, with reusable drawing parts and checks for consistent scenes.

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

• Illustrating remote work scenes
• Depicting team discussions at a whiteboard
• Creating onboarding illustrations

Create green isometric illustrations, using angled views without perspective, of developer and design workspaces as SVG files. A bundled drawing kit helps arrange equipment on one platform, with consistent shading, fine details, shadows, and validation checks.

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

• Illustrate a server room or development stack
• Show a CI pipeline as an illustrated scene
• Create artwork for empty states and onboarding

Apply layered, neutral shadows to cards, form controls, panels, and larger containers using Tailwind classes with custom values. Three prescribed shadow strengths help match visual depth to the size and purpose of each component.

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

• Adding subtle depth to form controls and compact cards
• Styling shadows for panels and popovers
• Giving hero media and modal-like containers stronger elevation

Create original SVG illustration cards featuring a cosy animal with computers, books, or mugs. A bright pink background, softly shaded shapes, and fine grain give the scenes a textured, painted feel for product pages and blog headers.

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

• Illustrating an empty state with a cosy animal
• Creating artwork for an onboarding step
• Making an autumn-themed blog header

Design and build marketing sites, portfolios, and landing pages with original imagery, coordinated typography, and GSAP animations. The workflow also covers accessible interactions, media sourcing, performance limits, and static alternatives when motion or graphics are unavailable.

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

• Build a landing page with coordinated imagery and motion
• Create a portfolio with a distinctive visual direction
• Design accessible scroll animations

Design dark dashboards with a thin blue laser, soft fog, and frosted glass surfaces. It guides backgrounds, navigation, cards, tables, typography, and gentle motion so the interface follows one consistent visual system.

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

• Designing a dark dashboard
• Unifying glass-style cards and navigation
• Adding a blue laser background

Create hand-drawn SVG illustration cards featuring expressive creatures or living objects that represent coding and design ideas. A supplied brush library supports uneven ink outlines, loose watercolor fills, large eyes, and consistent details across a set.

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

• Creating a loading illustration with a snail mascot
• Adding a character illustration to an error page
• Illustrating a coding concept for a blog header

Add subtle mouse-responsive depth to a Three.js hero scene. Smooth pointer movement drives small camera shifts and different object rotations, keeping the subject aligned with nearby text and cards while creating a gentle sense of perspective.

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

• Add subtle mouse response to a 3D hero
• Give foreground and background different movement
• Keep a moving model aligned with text and cards

Create flat SVG illustration cards featuring one expressive person and one main prop. A defined palette, character proportions, reusable drawing parts, and visual checks help keep error pages, onboarding screens, and marketing illustrations consistent.

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

• Illustrate 404 pages and error messages
• Create artwork for empty states and onboarding
• Draw coming-soon cards with a person and a prop

Draw vintage emblem SVG illustrations for teams, events, and releases. Combine one bold object, a sun disc, carved shadows, and custom lettering in seven flat colors to create badges, posters, or marketing cards.

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

• Creating a badge for a team or club
• Illustrating a release announcement card
• Designing artwork for stickers or patches

Find images in Aura Assets for design mockups and marketing, including backgrounds, architecture, and portraits. Get five direct image URLs per category, with guidance on resolution, aspect ratio, and cropping for different placements.

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

• Finding background images for website heroes
• Choosing portraits for design mockups
• Selecting abstract images for mobile wallpapers

Draw SVG illustrations of collaboration, commuting, and focused work using black lines and halftone dots, small dots that create shading. Produce monochrome artwork with hand-drawn contours for onboarding screens, empty states, blog headers, and marketing cards.

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

• Illustrating collaboration or review scenes
• Creating monochrome onboarding illustrations
• Drawing artwork for empty states or 404 pages

Build subtle animated petals, snow, confetti, or other decorative particles within a single page section. Adjust their movement and density while preserving readable content, limiting device workload, and providing static alternatives for readers who reduce motion.

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

• Adding gentle petals or snow to a page section
• Animating small brand fragments behind content
• Limiting decorative animation on mobile devices

Create SVG illustrations of active figures using one continuous black line and offset color patches that resemble misaligned printing. The skill guides poses, colors, composition, rendering, and visual checks for product pages and announcement cards.

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

• Illustrations for empty states and 404 pages
• Playful figures for onboarding screens
• Artwork for blog headers and launch announcements

Turn rough screen ideas into clear prompts for generating user interfaces. Specify layout, typography, colors, spacing, and exact copy, then refine the results by changing one variable at a time to keep the design consistent.

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

• Turn a rough screen idea into a detailed generation prompt
• Keep landing page and onboarding designs visually consistent
• Compare variations in accent color or card arrangement

Create flat SVG illustrations of long-legged people in design and coding scenes. Large black shapes, bright colors, and consistent poses give onboarding screens, error pages, and marketing cards a shared visual style.

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

• Illustrations for onboarding screens
• Character art for error pages
• Cards showing design and coding work

Review and refine websites and apps by finding generic decoration, inconsistent visual choices, and interface defects. Preserve the established art direction while improving hierarchy, layout, interaction states, and the connection between design choices and product needs.

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

• Removing unnecessary decoration from an existing page
• Keeping new components consistent with the design system
• Checking content hierarchy and primary actions