Download

Skill UI

Browse and discover 19269+ curated skills

All Development Artificial Intelligence Design & Creative Product & Business Data Science Marketing Soft Skills Productivity Engineering Languages

Search Effects , found 131 results

Default Newest Most Downloaded

Implementing Frutiger Aero Aesthetic

sickn33/agentic-awesome-skills

A comprehensive technical guide for implementing the nostalgic Frutiger Aero aesthetic across web and mobile platforms. This style, popular in the mid-2000s, is characterized by glossy gradients, translucent glass effects, and nature-inspired motifs (sky, water, grass), creating an optimistic, skeuomorphic user interface experience.

Semantic Code Diff

sickn33/agentic-awesome-skills

This skill compares two code versions to verify semantic equivalence using semi-formal side-by-side tracing. It helps developers confirm behavior remains unchanged after refactoring, rewriting, or migration by identifying divergences in inputs, outputs, and side effects.

Code Execution Trace Explanation

sickn33/agentic-awesome-skills

This skill produces a step-by-step execution trace for specific code inputs, resolving names and tracking type transitions. It clarifies code behavior when users are confused about outputs or logic, highlighting non-obvious behaviors like implicit coercions and side effects without evaluating code quality. It helps users understand exactly what the code does.

Makepad 2.0 Animation System

makepad-2-0-animation

sickn33/agentic-awesome-skills

Guide for implementing animations in Makepad 2.0 UI development. Covers Animator API, animation groups, states, ease functions, and widget compatibility for hover effects, transitions, and looping animations.

Makepad Shader Development

makepad-shaders

sickn33/agentic-awesome-skills

Expert skill for Makepad shader system development. Generate shader code, debug custom drawing, implement SDF-based visuals, and work with GPU-rendered widget appearance. Supports draw_bg, Sdf2d, gradients, effects, and Makepad-specific shader patterns and APIs. Includes vertex and fragment shader functions with built-in GLSL utilities.

Guidelines For Premium 3D Websites

premium-3d-website

sickn33/agentic-awesome-skills

Provides comprehensive architectural guidelines and code patterns for developing high-end, immersive 3D web experiences. This skill covers advanced topics such as custom WebGL shaders, post-processing effects (Bloom, Depth of Field), realistic physics interactions, and crucial performance optimization techniques, ensuring a premium, polished user experience across devices.

GLSL Shader Programming Guide

shader-programming-glsl

sickn33/agentic-awesome-skills

A comprehensive guide for writing efficient GLSL shaders (Vertex/Fragment) used in WebGL and game engines. Learn fundamental concepts like shader structure, uniforms, varying variables, and advanced techniques such as raymarching and post-processing effects, optimizing graphics rendering performance on the GPU.

Spatial Design for Mixed Reality UI

sickn33/agentic-awesome-skills

A comprehensive guide for implementing spatial, mixed-reality user interfaces. Inspired by Apple Vision Pro and AR aesthetics, this pattern uses environmental transparency, blurred glass-like panels, and dynamic lighting effects to create deeply integrated, context-aware layouts for web and mobile applications.

Launch Bounded AI Team

Plan and create a bounded RuFlo AI team from a reviewed goal, including roles, tasks, budget, and risks, without external side effects or arbitrary commands.

Three.js Scene Setup Basics

threejs-fundamentals

sickn33/agentic-awesome-skills

This skill covers the core setup of Three.js scenes, including cameras, renderers, and object hierarchies. It is designed for initializing 3D environments, configuring rendering pipelines, and managing basic transforms. Use this for foundational work before advancing to shaders or post-processing effects.

Three.js Image Rendering Pipeline

threejs-image-pipeline

scottstts/Threejs-Awesome-Graphics-Agent-Skills

Construct a structured rendering pipeline for advanced Three.js scenes, managing shared buffers and signal ordering. Supports depth, normals, albedo, bloom, tone mapping, and grading. Ideal for composing multiple image-space systems rather than single effects. Ensures proper exposure metering and output conversion.

Three.js Post Processing Pipeline

threejs-postprocessing

sickn33/agentic-awesome-skills

This skill enables adding visual effects like bloom, depth of field, and color grading to Three.js 3D scenes. It utilizes EffectComposer and custom shaders for screen-space enhancements, suitable for final image rendering optimization and artistic styling in web-based 3D applications.

Prev 1 2 3...7 8 91011 Next

Language