124 个 · 按相关度排序
Reference WebGPU APIs, TSL syntax, node materials, WGSL integration, compute shaders, and post-processing in Three.js. For complete particle canvases use threejs-particle-canvas; for GLSL shaders use rocaille-shader. Triggers on TSL shader, WebGPU renderer, node material, WGSL, GPU compute, WebGPU setup.
中文简介正在准备中。当前显示原文说明。
Brand-grounded Remotion video pipeline. Take a brief, ground it in `brand/` (voice, audience, positioning, creative-kit), write a beat sheet, scaffold a fresh Remotion project, generate any required assets, compose with frame-driven animations, and bake a final MP4. Use this skill whenever the user wants to build a NEW Remotion video from scratch — product films, motion graphics, code-driven shaders, CRT/glitch effects, HTML-in-canvas demos, React video. Triggers on requests like "make a remotion video", CRT/glitch/scanline effects, html-in-canvas demos, video shaders, WebGL video, and frame-driven React video. This is the mktg-native sibling of the personal `/cmo-video` skill: `/cmo-video` recreates the *style* of an existing reference video; `/cmo-remotion` builds something new from a brief. Always load `remotion-best-practices` before stage 5 (compose).
中文简介正在准备中。当前显示原文说明。
Get detailed data about a shader asset in the Unity project. Returns shader properties, subshaders, passes, compilation errors, and supported status. Use 'assets-find' tool with filter 't:Shader' to find shaders, or 'assets-shader-list-all' tool to list all shader names.
中文简介正在准备中。当前显示原文说明。
Expert in 2000s-era music visualization (Milkdrop, AVS, Geiss) and modern WebGL implementations. Specializes in Butterchurn integration, Web Audio API AnalyserNode FFT data, GLSL shaders for audio-reactive visuals, and psychedelic generative art. Activate on "Milkdrop", "music visualization", "WebGL visualizer", "Butterchurn", "audio reactive", "FFT visualization", "spectrum analyzer". NOT for simple bar charts/waveforms (use basic canvas), video editing, or non-audio visuals.
中文简介正在准备中。当前显示原文说明。
Expert-level computer graphics covering the rendering pipeline, rasterization, ray tracing, shaders, transformations, lighting models, and GPU programming.
中文简介正在准备中。当前显示原文说明。
Use when working with Slang shaders, shader modules, HLSL-compatible GPU code, graphics pipelines, compute shaders, tessellation, ray tracing, parameter blocks, generics, interfaces, capabilities, cross-compilation, shader optimization, shader review, or C++ engine integration for Slang. Trigger on any mention of Slang, .slang files, slangc, SPIR-V from Slang, Slang modules, [shader("compute")], [shader("vertex")], or requests to write/review/refactor shader code with modern language features. Also trigger for Slang-to-HLSL/GLSL/Metal/CUDA cross-compile questions, or when the user says "shader" alongside "generics", "interfaces", "parameter blocks", "autodiff", or "capabilities".
中文简介正在准备中。当前显示原文说明。
3D Web Specialist IA — Expert en 3D web (Three.js, React Three Fiber, WebGL, shaders, 3D product viewers)
中文简介正在准备中。当前显示原文说明。
Expert en 3D web avancé (Three.js, React Three Fiber, WebXR, shaders, performance)
中文简介正在准备中。当前显示原文说明。
Expert in 2000s-era music visualization (Milkdrop, AVS, Geiss) and modern WebGL implementations. Specializes in Butterchurn integration, Web Audio API AnalyserNode FFT data, GLSL shaders for audio-reactive visuals, and psychedelic generative art. Activate on "Milkdrop", "music visualization", "WebGL visualizer", "Butterchurn", "audio reactive", "FFT visualization", "spectrum analyzer". NOT for simple bar charts/waveforms (use basic canvas), video editing, or non-audio visuals.
中文简介正在准备中。当前显示原文说明。
Comprehensive guide for developing WebGPU-enabled Three.js applications using TSL (Three.js Shading Language). Covers WebGPU renderer setup, node materials, compute shaders, post-processing, and WGSL integration. Use when working with Three.js WebGPU, TSL shaders, or GPU compute pipelines.
中文简介正在准备中。当前显示原文说明。
Expert in 2000s-era music visualization (Milkdrop, AVS, Geiss) and modern WebGL implementations. Specializes in Butterchurn integration, Web Audio API AnalyserNode FFT data, GLSL shaders for audio-reactive visuals, and psychedelic generative art. Activate on "Milkdrop", "music visualization", "WebGL visualizer", "Butterchurn", "audio reactive", "FFT visualization", "spectrum analyzer". NOT for simple bar charts/waveforms (use basic canvas), video editing, or non-audio visuals.
中文简介正在准备中。当前显示原文说明。
p5.js sketches: gen art, shaders, interactive, 3D.
中文简介正在准备中。当前显示原文说明。
使用p5.js制作在浏览器中运行的生成艺术，以及响应操作或声音的动画，涵盖构思、实现、显示检查，并将作品导出为图像或视频。
Develop visual effects with GLSL, a language for graphics programs called shaders. Apply ray marching, fluid simulation, particle systems, and rule-based generation to create hero visuals and still frames of motion.
中文简介正在准备中。当前显示英语简介。
Style Three.js objects with realistic, cartoon, or custom materials. Choose material types, adjust textures and reflections, create glass or metal effects, and use shader code for custom appearance while considering rendering performance.
中文简介正在准备中。当前显示英语简介。
Bring Figma logos, brand colors, and components into HyperFrames as local assets and editable HTML. Reconstruct animation from storyboard states, with additional motion import options when a compatible connector or native export is available.
中文简介正在准备中。当前显示英语简介。
Analyze recorded GPU frames from RenderDoc through command-line tools. Inspect drawing operations, textures, and shaders, compare rendering settings between events or captures, and export images and inspection bundles for reviewing graphics problems.
中文简介正在准备中。当前显示英语简介。
Refine a game feature or area through performance measurement, visual and audio polish, and stress and regression testing. Report before-and-after metrics, remaining issues, and release readiness, with work limited to the enabled team roles.
中文简介正在准备中。当前显示英语简介。
Turn technical ideas into detailed, interactive SVG illustrations that resemble real machines or instruments. Moving parts and live readings share the same model, creating diagrams for articles, documentation, or landing pages that readers can explore.
中文简介正在准备中。当前显示英语简介。
Build game systems in Unity or Unreal Engine, including physics, AI, and multiplayer networking. The skill guides architecture, implementation, profiling, and testing to work toward frame rate targets and reduce memory use.
中文简介正在准备中。当前显示英语简介。
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.
中文简介正在准备中。当前显示英语简介。
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.
中文简介正在准备中。当前显示英语简介。
Pushes interfaces past conventional limits with technically ambitious implementations — shaders, spring physics, scroll-driven reveals, 60fps animations. Use when the user wants to wow, impress, go all-out, or make something that feels extraordinary.
中文简介正在准备中。当前显示原文说明。
Three.js performance optimization and best practices guidelines. Use when writing, reviewing, or optimizing Three.js code. Triggers on tasks involving 3D scenes, WebGL/WebGPU rendering, geometries, materials, textures, lighting, shaders, or TSL.
中文简介正在准备中。当前显示原文说明。