스킬 찾기

Create original SVG illustrations with expressive cartoon characters, bold ink outlines, and a prominent prop. Use the transparent artwork for onboarding, empty states, success screens, blog headers, or marketing cards, with checks for consistent styling and believable hands.

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

• Illustrations for onboarding screens
• Character artwork for empty states and error pages
• Celebratory illustrations for success screens

Build and test Three.js games for mobile browsers, covering touch controls, screen orientation, readable game information, and device-appropriate graphics. Refine movement, actions, inventory interactions, and performance through checks of real mobile browser behavior.

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

• Designing touch movement and action controls
• Adapting game screens to portrait and landscape
• Tuning graphics quality for mobile devices

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 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

Prepare Vesperfall game assets as paired transparent PNG cards and live 3D previews. Track each model’s actual source, expose available animations, and validate catalog displays, ground contact, and review pages through tests and browser checks.

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

• Adding characters or equipment to the Vesperfall catalog
• Pairing transparent PNG cards with live 3D previews
• Reviewing animations and ground contact on an isolated page

Design and test combat encounters in Three.js action games. Plan arenas, enemy roles, spawn timing, objectives, boss phases, and rewards, then check fairness and difficulty using repeatable starting conditions on desktop and mobile.

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

• Planning combat arenas and enemy combinations
• Tuning enemy waves and boss phases
• Checking attack warnings and recovery opportunities

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

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

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

Test browser games through repeatable game states and short real playthroughs. Check controls, progression, saves, device layouts, and visible feedback, then report bugs with reproduction steps, severity, and browser evidence.

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

• Gameplay checks before release
• Regression testing after game updates
• Touch controls and mobile layout checks

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

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 reveal animations that start when page elements enter the visible area. The skill provides JavaScript using IntersectionObserver, a browser visibility detector, plus CSS keyframes and Tailwind-compatible classes, with adjustments for trigger position, motion, duration, and delay.

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

• Revealing sections as visitors scroll
• Staggering the appearance of multiple elements
• Adjusting when a reveal animation starts

Use border-beam to add moving edge highlights or breathing glows to React controls and panels. Connect effects to loading, selection, and focus states while retaining clear text, static indicators, keyboard focus, and support for reduced motion.

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

• Adding a breathing glow to a processing panel
• Highlighting a selected card or current step
• Adding a moving bottom edge to an input

Build a scanning entrance for Three.js models, revealing their wire structure before the solid surface appears. Coordinate both layers with one expanding wave, then remove the temporary wires when the animation finishes.

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

• Introduce a 3D model with a radial scan
• Show a model's structure before its surface
• Create a holographic assembly effect

Design minimal agency websites around a precise column grid, oversized headlines, generous whitespace, and restrained imagery. Establish a consistent visual direction for service listings, labels, buttons, and subtle motion across architecture, design, or strategy agency pages.

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

• Website design for architecture and design agencies
• Establishing a consistent visual system across pages
• Structuring service listings with a clear column grid

Build, integrate or audit rigged 3D game characters and monsters, including skeletons, animations, equipment and collision rules. Connect assets to gameplay and provide an interactive inspector to verify actions, equipment states and runtime behavior.

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

• Integrating FBX or GLB characters into gameplay
• Separating swappable weapons and armor from character bodies
• Defining monster animations and attack collision timing

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

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

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

Build a continuous 3D website where scrolling guides the camera, lighting, text, and interactions through planned chapters. The skill covers visual planning, responsive composition, progressive loading, accessibility, and performance checks for a live Three.js world.

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

• Create a product story set in a continuous 3D world
• Build an interactive portfolio with a scrolling camera journey
• Present an exhibition through connected spatial chapters

Build or extend an isometric action RPG, viewed from an angled overhead perspective, using web technology. Develop a playable loop covering movement, combat, rewards, progression, and saves, with staged implementation and release checks.

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

• Building a first playable action RPG loop
• Adding combat, enemies, and rewards in stages
• Organizing equipment, quests, and zone data

Measure and improve Three.js or WebGL game performance through repeatable gameplay checks. Identify CPU or GPU bottlenecks, reduce unnecessary rendering and processing, and verify that controls, collisions, visuals, and memory remain stable.

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

• Investigating frame-time spikes
• Reducing rendering and particle workloads
• Improving performance on mobile devices

Build and tune enemy behavior for action games, including targeting, movement, attacks, retreats, and boss phases. Organize decisions into explicit states, make attacks readable to players, and check behavior with repeatable tests and browser encounters.

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

• Implementing enemy detection, pursuit, and retreat
• Tuning attack warnings and combat spacing
• Debugging boss phases and interrupted actions