스킬 찾기

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

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

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

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

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

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

Turn browser screenshots captured during real interactions into a 60 fps, 4:3 4K demo video. Add a natural macOS cursor, timed clicks, and gentle zooms, then verify video properties and a sample frame.

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

• Creating a browser-based product demo
• Showing clicks and zooms in a UI walkthrough
• Re-recording a browser interaction sequence

Create realistic metal surfaces in Three.js by combining structured reflections, studio lighting, scratches, fingerprints, and beveled edges. Includes polished, brushed, and aged finishes for objects such as tools, rings, and metal product parts.

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

• Fixing metal that looks like gray plastic
• Creating polished or brushed metal finishes
• Adding patina and worn edges

Turn recent X bookmarks into quote-post drafts with source links. The skill studies up to 100 recent posts by the author to match their voice, then organizes suggestions into a dated queue for review and revision.

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

• Draft quote posts from saved X posts
• Match drafts to an author's recent writing style
• Refresh a dated queue of quote-post drafts

Create, repair, and review character combat animations, from sword strikes to bow shots and spells. Use joint measurements, mesh deformation tests, camera captures, and blind comparisons to identify awkward poses and assess changes against written rules.

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

• Create melee attacks, bow shots, and spell animations
• Fix stretched arms and awkward wrist or hand poses
• Define measurable combat animation rules and tests

Package a finished local web project for GitHub with a tailored README and a preview from the running project. Audit files before pushing, publish compatible projects through GitHub Pages, and verify the repository and live demo.

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

• Share a local HTML, CSS, or JavaScript experiment
• Prepare a README and a preview from the running project
• Publish a compatible web project on GitHub Pages

Build or audit browser map editors for Three.js and isometric games. Reuse production world definitions, edit placements in isolated drafts, inspect enemy behavior overlays, and validate exports before reviewed integration into the game.

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

• Build a map editor from existing game definitions
• Adjust placements with dragging, snapping, and undo
• Inspect enemy detection ranges and patrol routes

Create or integrate detailed 3D models with smooth outlines and believable edges for close-up views. Prepare lower-detail versions for distant viewing, prioritize loading, and measure rendering costs in the actual scene.

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

• Creating a detailed 3D model for close-up views
• Replacing visibly faceted curves with smoother geometry
• Preparing detailed architectural assets for rendering

Add underwater sunbeams to a Three.js scene, with rippling light patterns, a shimmering surface viewed from below, and matching illumination on fish. The beams shift against objects as the camera moves, giving the water depth.

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

• Add sunbeams to an underwater scene
• Render a rippling water surface from below
• Light swimming fish as they cross beams

Turn five collected UI references into five original landing pages with distinct brands, copy, and imagery. Each page gets its own Codex task and workspace, with build checks, a source commit, and private deployment through Sites.

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

• Build five landing pages from a UI inspiration pack
• Explore distinct brands using collected visual references
• Manage each page in a separate Codex task

Turn HTML files or live reference pages into articles with reusable prompts for recreating animations and interactions. Includes source inspection, screenshots, optional video capture, and checks that article text and media render correctly.

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

• Extracting reusable interaction prompts from HTML
• Writing screenshot-backed articles about web animations
• Recording live page motion and collecting reference frames

Review and improve game attacks and spells using recorded footage and two independent blind judges. Separate scores for readability and art guide changes to animation timing, effects, lighting, and target reactions, with performance costs tracked alongside visual quality.

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

• Score combat abilities against a named visual reference
• Align target reactions with the moment an attack lands
• Improve spell lighting, trails, and impact effects

Build and check monsters for Three.js and web action games using shared rules for joints, attachment points, collision shapes, and combat states. Separate visual animation from damage decisions, and provide reproducible checks for attacks and detail-level changes.

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

• Standardizing joints and attachment points across monsters
• Connecting attack timing with collision and damage handling
• Reproducing combat states and attack phase boundaries

Build or repair game inventory and equipment systems, including item pickup, stacking, drag and drop, and saving. It guides transfers that fully succeed or leave state unchanged, accessible controls, and tests for item loss or duplication.

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

• Build item pickup and stacking rules
• Fix item loss during equipment swaps
• Add keyboard and touch inventory controls

Build in-game changelogs that connect release notes and displayed versions to successful production deployments. Reconstruct supported history, integrate menu navigation and accessible controls, and verify version consistency and behavior on desktop and mobile.

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

• Add or revise an in-game changelog screen
• Reconstruct release history from deployments and Git
• Keep displayed game versions aligned with published builds

Create or revise Three.js game levels with movement kept on one flat plane. Organize routes, collision, encounters, objectives, and lighting, then verify visibility, traversal, reset behavior, and controls through desktop and mobile browser playthroughs.

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

• Designing flat routes and combat arenas
• Separating decoration, collision, and navigation data
• Matching local lights to visible torches or lanterns

Draft and revise X posts in Meng To's voice using his authored posts and verified personal and product context. Generate distinct alternatives, check for repeated angles, and refine a reusable voice profile as new posts are collected.

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

• Draft or revise posts in Meng To's voice
• Create replies, threads, resource shares, and quote posts
• Check whether a proposed angle repeats an earlier post

Create original brand campaign visuals from a supplied reference. Adjust how closely concepts share its visual language, develop distinct brands within one family, and check names, composition, and differences from signature reference elements.

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

• Develop original campaign visuals from a reference image
• Create distinct brands with a shared visual direction
• Bring an existing concept closer to its reference