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".
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Expert en 3D web avancé (Three.js, React Three Fiber, WebXR, shaders, performance)
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
3D Web Specialist IA — Expert en 3D web (Three.js, React Three Fiber, WebGL, shaders, 3D product viewers)
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
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.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Enhance existing interfaces with ambitious browser techniques, from scroll-linked animation and natural motion to smooth large-data displays. Compare implementation directions, build the selected approach, and refine it through browser previews, performance checks, and accessible fallbacks.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
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.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.