ratnesh-maurya

ratnesh-maurya/cursor-claude-personas

Skill Claude Code

Comprehensive software architecture skill for designing scalable, maintainable systems using ReactJS, NextJS, NodeJS, Express, React Native, Swift, Kotlin, Flutter, Postgres, GraphQL, Go, Python. I...

ratnesh-maurya/cursor-claude-personas

Skill Claude Code

Frontend development skill for React, Next.js, TypeScript, and Tailwind CSS applications. Use when building React components, optimizing Next.js performance, analyzing bundle sizes, scaffolding frontend projects, implementing accessibility, or reviewing frontend code quality.

ratnesh-maurya/cursor-claude-personas

Skill Claude Code

Expert guide for writing efficient GLSL shaders (Vertex/Fragment) for web and game engines, covering syntax, uniforms, and common effects.

ratnesh-maurya/cursor-claude-personas

Skill Claude Code

Guide for quality focused software architecture. This skill should be used when users want to write code, design architecture, analyze code, in any case that relates to software development.

ratnesh-maurya/cursor-claude-personas

Skill Claude Code

Use when adding interactive 3D scenes from Spline.design to web projects, including React embedding and runtime control API.

ratnesh-maurya/cursor-claude-personas

Skill Claude Code

Geracao de imagens via Stability AI (SD3.5, Ultra, Core). Text-to-image, img2img, inpainting, upscale, remove-bg, search-replace. 15 estilos artisticos.

ratnesh-maurya/cursor-claude-personas

Skill Claude Code

Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.

ratnesh-maurya/cursor-claude-personas

Skill Claude Code

Three.js animation - keyframe animation, skeletal animation, morph targets, animation mixing. Use when animating objects, playing GLTF animations, creating procedural motion, or blending animations.

ratnesh-maurya/cursor-claude-personas

Skill Claude Code

Three.js scene setup, cameras, renderer, Object3D hierarchy, coordinate systems. Use when setting up 3D scenes, creating cameras, configuring renderers, managing object hierarchies, or working with transforms.

ratnesh-maurya/cursor-claude-personas

Skill Claude Code

Three.js geometry creation - built-in shapes, BufferGeometry, custom geometry, instancing. Use when creating 3D shapes, working with vertices, building custom meshes, or optimizing with instanced rendering.

ratnesh-maurya/cursor-claude-personas

Skill Claude Code

Three.js interaction - raycasting, controls, mouse/touch input, object selection. Use when handling user input, implementing click detection, adding camera controls, or creating interactive 3D experiences.

ratnesh-maurya/cursor-claude-personas

Skill Claude Code

Three.js lighting - light types, shadows, environment lighting. Use when adding lights, configuring shadows, setting up IBL, or optimizing lighting performance.

ratnesh-maurya/cursor-claude-personas

Skill Claude Code

Three.js asset loading - GLTF, textures, images, models, async patterns. Use when loading 3D models, textures, HDR environments, or managing loading progress.

ratnesh-maurya/cursor-claude-personas

Skill Claude Code

Three.js materials - PBR, basic, phong, shader materials, material properties. Use when styling meshes, working with textures, creating custom shaders, or optimizing material performance.

ratnesh-maurya/cursor-claude-personas

Skill Claude Code

Three.js post-processing - EffectComposer, bloom, DOF, screen effects. Use when adding visual effects, color grading, blur, glow, or creating custom screen-space shaders.

ratnesh-maurya/cursor-claude-personas

Skill Claude Code

Three.js shaders - GLSL, ShaderMaterial, uniforms, custom effects. Use when creating custom visual effects, modifying vertices, writing fragment shaders, or extending built-in materials.

ratnesh-maurya/cursor-claude-personas

Skill Claude Code

Create 3D scenes, interactive experiences, and visual effects using Three.js. Use when user requests 3D graphics, WebGL experiences, 3D visualizations, animations, or interactive 3D elements.

ratnesh-maurya/cursor-claude-personas

Skill Claude Code

Three.js textures - texture types, UV mapping, environment maps, texture settings. Use when working with images, UV coordinates, cubemaps, HDR environments, or texture optimization.

ratnesh-maurya/cursor-claude-personas

Skill Claude Code

TypeScript and JavaScript expert with deep knowledge of type-level programming, performance optimization, monorepo management, migration strategies, and modern tooling.

ratnesh-maurya/cursor-claude-personas

Skill Claude Code

Master TypeScript with advanced types, generics, and strict type safety. Handles complex type systems, decorators, and enterprise-grade patterns.

ratnesh-maurya/cursor-claude-personas

Skill Claude Code

AI-powered product design tool for transforming sketches into full-fidelity 3D renders.

ratnesh-maurya/cursor-claude-personas

Skill Claude Code

Optimize website and web application performance including loading speed, Core Web Vitals, bundle size, caching strategies, and runtime performance.

ratnesh-maurya/cursor-claude-personas

Cursor rule Cursor

3D content in Remotion using Three.js and React Three Fiber.

ratnesh-maurya/cursor-claude-personas

Cursor rule Cursor

This file defines all sections, their ordering, impact levels, and descriptions. The section ID (in parentheses) is the filename prefix used to group rules.