Skills

Create a dark container-led technical design system with fuchsia-purple accents, layered rounded shells, crisp frame lines, and playful futuristic focal objects

其他仓库内容 · 未声明插件包归属

Generate multiple original brand campaign worlds from a supplied visual reference while controlling how close the new work feels without copying protected signa

其他仓库内容 · 未声明插件包归属

Create a dark glass design system with frosted shells, soft beam grids, circular clock-like calibration dials, and precise sci-fi instrument framing.

其他仓库内容 · 未声明插件包归属

Build dark-mode glassmorphism interfaces with readable contrast, frosted surfaces, and gradient borders using a pseudo-element mask. Use when asked for glass ca

其他仓库内容 · 未声明插件包归属

Use when implementing globe.gl (Globe.GL) for 3D globe data visualization with WebGL/ThreeJS, including setup, data layers (points, arcs, polygons, labels), and

其他仓库内容 · 未声明插件包归属

Create a globe-like 3D particle visualization with a dense luminous spherical core and thinner orbital ring or flattened disc. Use when a design needs a premium

其他仓库内容 · 未声明插件包归属

Create a gooey blob system using SVG filters where multiple shapes merge into a single fluid form. Use overlapping circles combined with a Gaussian blur and col

其他仓库内容 · 未声明插件包归属

Use when you need to add or debug professional web animations with GSAP (timelines, ScrollTrigger, stagger, transforms) in HTML/CSS/JS/React. Includes patterns

其他仓库内容 · 未声明插件包归属

Build cinematic sticky product storytelling with GSAP ScrollTrigger, progressive UI reveals, scroll-synced animation, smooth interpolation, and immersive sectio

其他仓库内容 · 未声明插件包归属

Create a high-contrast clean skeuomorphic design system with molded dark surfaces, crisp light separation, tactile inset depth, and restrained signal accents.

其他仓库内容 · 未声明插件包归属

Convert a supplied HTML page or generated HTML reference into a screenshot-backed article containing multiple reusable interaction prompts. Use when the user pr

其他仓库内容 · 未声明插件包归属

Create an image-led grid design system with full-bleed photography, structural guide lines, anchored content blocks, and restrained technical overlays.

其他仓库内容 · 未声明插件包归属

Implement, tune, debug, or validate soft wall-aware fog of war and gameplay perception in Three.js action games. Use for orthographic or isometric visibility ma

其他仓库内容 · 未声明插件包归属

Apply a prompt-agnostic execution and verification loop to any substantial task while preserving the original request. Use when the user asks to fan out work, u

其他仓库内容 · 未声明插件包归属

Use when designing or rewriting a high-converting landing page (single-offer page) for SaaS/apps/services. Covers structure, layout patterns, conversion strateg

其他仓库内容 · 未声明插件包归属

Create a light-mode technical design system with warm paper surfaces, dark outer framing, subtle diagonal texture, precise bracketed geometry, and restrained ac

其他仓库内容 · 未声明插件包归属

Add and tune animated liquid-metal WebGL borders with the React `metal-fx` package. Use when buttons, icon controls, chips, tabs, cards, or selected surfaces ne

其他仓库内容 · 未声明插件包归属

Apply seamless infinite marquee loops using duplicated items.

其他仓库内容 · 未声明插件包归属

Create masked staggered word reveals on scroll with GSAP ScrollTrigger. Use when headings, hero copy, section titles, or editorial text should reveal word-by-wo

其他仓库内容 · 未声明插件包归属

Use when implementing 2D physics interactions with Matter.js, including Engine/World setup, Render/Runner configuration, adding bodies and constraints, and scro

其他仓库内容 · 未声明插件包归属

Create a futuristic, premium, clean dark-blue mesh-gradient design system across background rendering, hero shell, navigation, floating nodes, framed sections,

其他仓库内容 · 未声明插件包归属