masermediagroup-stack
- 5 skills
- 0 followers
- 17 hours ago last updated
- ▌ Shadergradient · masermediagroup-stack bundleIntegrates ShaderGradient moving 3D gradients in React/Next.js apps with safe defaults and performance-aware setup. Use when users mention shadergradient, animated gradients, GLSL backgrounds, @shadergradient/react, or gradient hero backgrounds.
- ▌ Maser Media Review · masermediagroup-stackReviews maser-media (next-app) code for UX quality and records a visual demo after changes. Use when code in next-app is modified, when the user asks for a code review, or when preparing a demo of the website.
- ▌ Setup UI Design Brain · masermediagroup-stackInstall or update the ui-design-brain Cursor skill by cloning from GitHub. Use when the user wants to add ui-design-brain, install UI design brain skill, or set up the component gallery skill for Cursor.
- ▌ Ascii Shader Tsx · masermediagroup-stack bundleGenerate animated ASCII art, dithered visuals, and shader-like effects as self-contained React/TSX components. Use when the user wants to create ASCII backgrounds, dithered image/video effects, CRT/retro overlays, matrix rain, noise fields, halftone patterns, particle systems, braille art, terminal aesthetics, or any text/character-based visual effect for the web. Supports both generative (procedural, no input) and source-based (images, video, webcam to ASCII) modes. Also triggers when the user wants to convert an image to ASCII, add a dither effect, create a canvas shader component, build a retro or terminal background, animate characters, or create any character-grid visual. Even partial matches like ASCII component, dither, character art, CRT effect, halftone, noise background, pixel art canvas, text art, or generative canvas should trigger this skill.
- ▌ Vercel React View Transitions · masermediagroup-stack bundleGuide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view transition pseudo-elements). Use this skill whenever the user wants to add page transitions, animate route changes, create shared element animations, animate enter/exit of components, animate list reorder, implement directional (forward/back) navigation animations, or integrate view transitions in Next.js. Also use when the user mentions view transitions, `startViewTransition`, `ViewTransition`, transition types, or asks about animating between UI states in React without third-party animation libraries.