Results for “shader”

16 skills

threejs-shaders

Create custom visual effects with Three.js shaders using GLSL, ShaderMaterial, uniforms, and vertex/fragment shaders.

Create real-time GLSL shader effects including ray marching, SDF modeling, fluid simulation, particle systems, procedural generation, and post-processing with 36 documented techniques.

12.9k · bundle

Import Figma designs into HyperFrames compositions as frozen assets, brand tokens, components, motion animations, and shaders.

Provides principles for 3D game development, covering rendering pipelines, shaders, physics, cameras, lighting, and LOD optimization.

threejs-materials

Create and configure Three.js materials including PBR, basic, phong, shader, and physical materials for 3D rendering.

More results

threejs-postprocessing

Add visual effects to Three.js scenes using EffectComposer: bloom, depth of field, anti-aliasing, ambient occlusion, and custom screen-space shaders.

appbuilder-ui-scaffolder

Generate React Spectrum UI components for Adobe Experience Cloud Shell SPAs and AEM UI Extensions, including pages, forms, data tables, dialogs, and navigation.

Builds an interactive in-browser studio for tuning visual parameters (sliders, pickers, drag handles) or editing/annotating text and media, enabling real-time human-in-the-loop refinement instead of static comparisons or chat-based feedback.

social-media-matrix

Build a cinematic, data-dense multi-platform social media dashboard with KPI matrix, interactive charts, insights drawer, and dark/light theme toggle.

Creates production-grade p5.js sketches: generative art, interactive visualizations, 3D scenes, shaders, and audio-reactive visuals, with export to HTML, PNG, GIF, MP4, or SVG.

Production pipeline for interactive and generative visual art using p5.js. Creates browser-based sketches, generative art, data visualizations, interactive experiences, 3D scenes, audio-reactive visuals, and motion graphics — exported as HTML, PNG, GIF, MP4, or SVG. Covers: 2D/3D rendering, noise and particle systems, flow fields, shaders (GLSL), pixel manipulation, kinetic typography, WebGL scenes, audio analysis, mouse/keyboard interaction, and headless high-res export. Use when users request: p5.js sketches, creative coding, generative art, interactive visualizations, canvas animations, browser-based visual art, data viz, shader effects, or any p5.js project.

simulator-styles

Simulator.Company Smart Form (CDU) STYLING specialist — authoring complex Less/CSS for Smart Forms: theme tokens, page/form/section layout, component re-skinning, reusable style patterns, responsive and design-system approaches. Use when the user wants to STYLE or RESTYLE an existing Smart Form / CDU app — change its look, build a theme, style a table / sidebar / modal / form, add a design system, fix spacing/colors/fonts, or apply a complex visual design. This skill owns the `style` / `styles/` layer; it reuses the Smart Form tools (pullSmartForm / pushSmartForm / deploySmartForm) but does NOT create form templates — for the data-schema form template use `simulator-forms`, and for page layout / viewModel / backend logic use `simulator-smart-forms` / `simulator-smart-forms-logic`. Activate on: "style a smart form", "CDU styles", "theme the form", "restyle", "custom CSS/Less for the app", "style the table/sidebar/modal/button", "design system for the smart form", "make it look like …", "застилізувати смартформ

pitch-deck-visuals

Create investor-ready pitch deck visuals using the inference.sh CLI, with a 12-slide framework, typography and color rules, and slide-by-slide design guidance.

193-map-499a16db

Maps images and data onto 3D surfaces using Three.js textures, covering types, material maps, wrapping, filtering, UV mapping, color space, and optimization.

Production pipeline for interactive and generative visual art using p5.js. Creates browser-based sketches, generative art, data visualizations, interactive experiences, 3D scenes, audio-reactive visuals, and motion graphics — exported as HTML, PNG, GIF, MP4, or SVG. Covers: 2D/3D rendering, noise and particle systems, flow fields, shaders (GLSL), pixel manipulation, kinetic typography, WebGL scenes, audio analysis, mouse/keyboard interaction, and headless high-res export. Use when users request: p5.js sketches, creative coding, generative art, interactive visualizations, canvas animations, browser-based visual art, data viz, shader effects, or any p5.js project.

Import Figma content into a HyperFrames composition — rendered assets, brand tokens, components, storyboard sections → reconstructed motion (frames read as states, not slides) (REST/CLI), connector-assisted motion when available, and shaders from a connector or native export. Use when the user pastes a figma.com link or asks to bring a Figma design, frame, logo, brand, or animation into a video/composition.