Meng To

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

Prepare and deploy Three.js or other web games from a tested commit, a specific saved code version. Check the live game's controls, assets, and display, then record release evidence and a rollback target.

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

• Releasing a tested web game
• Checking controls and assets in production
• Recording release evidence and a rollback target

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

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

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

Choose Unsplash images for avatars, portraits, website backgrounds, and wallpapers. Get links to the photo pages, recommended dimensions and aspect ratios, and guidance on cropping and resizing images for each intended use.

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

• Choosing square avatar images
• Finding portraits for profile cards
• Selecting wide website backgrounds

Add a white, twinkling dotted trail that follows the mouse behind website content. The skill guides WebGPU rendering, which uses the graphics processor, with static backgrounds for unsupported devices and accessibility preferences.

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

• Add a mouse-following trail to a hero section
• Create an interactive contact section background
• Keep a static background on touch devices

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

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

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

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

Build particle trails that respond to cursor or touch movement with consistent spacing at different speeds. Reuse a fixed pool of GPU-rendered particles, add keyboard-triggered bursts, and handle reduced motion, resizing, and cleanup.

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

• Creating particle trails for cursor and touch movement
• Making pollen or dust rise from a surface
• Adding particle bursts triggered by a keyboard-accessible button

Build reusable enemy types and attack sets for Three.js action games. Separate enemy definitions from live state, standardize models and hit detection, and validate combat timing, placeholder assets, and desktop and mobile encounters.

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

• Adding enemies through reusable data definitions
• Separating enemy data from live combat state
• Standardizing models and temporary replacements

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

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

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

Create coordinated website animations with GSAP, ScrollTrigger, and Lenis. Combine smooth scrolling, staged text and image reveals, pinned scenes, and pointer interactions, with guidance for performance, touch devices, and reduced-motion preferences.

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

• Coordinating motion across a portfolio website
• Revealing text and images during scrolling
• Building pinned storytelling sections

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

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

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

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

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

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