查找技能

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

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

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

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

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 a WebGL background with a perspective grid, fading lines, and sparse floating particles. Add slow forward motion and gentle mouse-responsive camera movement, then tune density, color, and depth to support foreground content.

中文简介正在准备中。当前显示英语简介。

• Create a tech-style background with depth
• Add gentle mouse-responsive camera movement
• Tune fading grid lines and sparse particles

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

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 reading interfaces that resemble archival books, pairing serif text and aged paper surfaces with a dark catalog frame. Organize chapters, notes, and metadata through index navigation, with adjustable texture, page depth, and visual density.

中文简介正在准备中。当前显示英语简介。

• Design a book-like reader for literary content
• Create an archive or manuscript viewing interface
• Organize research material with indexes and annotations

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

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

Create Three.js game effects that clearly communicate attacks, hits, damage, and status changes. Define each effect’s purpose and lifetime, limit resource use, and test overlapping effects, repeated triggers, low-quality settings, and reduced-motion alternatives.

中文简介正在准备中。当前显示英语简介。

• Distinguish attack warnings from hit effects
• Create damage and status feedback
• Limit particle counts during repeated attacks

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

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

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

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

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

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

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

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

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

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