Dhruv Ghanchi
Community@Dhruv-Ghanchi
Computer Engineering student | Web Dev, PCB Design & Software Testing Branding & Graphics | Building real-world tech solutions.
Agent Skills by Dhruv Ghanchi
Showing 20 vetted skills indexed across 1 GitHub repositories.
Dhruv-Ghanchiui-ux-pro-max
Search a local UI/UX design database to generate design systems and guidelines.
Dhruv-Ghanchiremotion-best-practices
Guides creation, animation, and rendering of programmatic videos with Remotion and React.
Dhruv-Ghanchimotion-framer
Create React animations with Motion components, gestures, variants, and layout transitions.
Dhruv-Ghanchiimpeccable
Designs, critiques, audits, and refines frontend interfaces through structured UX commands and reference playbooks.
Dhruv-Ghanchiweb-design-guidelines
Reviews UI code files against Vercel Web Interface Guidelines and reports findings by line.
Dhruv-Ghanchigsap-scrolltrigger
Implements scroll-linked animations, pinning, and scrubbing with the GSAP ScrollTrigger plugin.
Dhruv-Ghanchireact-spring-physics
Implements physics-based spring animations in React using React Spring and Popmotion.
Dhruv-Ghanchigsap-core
Implements GSAP core tweens, eases, staggers, and responsive matchMedia animations in JavaScript.
Dhruv-Ghanchiimprove-codebase-architecture
Scan a codebase for module deepening opportunities and present them as a visual HTML report.
Dhruv-Ghanchibetter-ui
Applies design engineering principles to polish UI surfaces, animations, and icons.
Dhruv-Ghanchimongodb-connection
Configure and troubleshoot MongoDB client connection pools across driver languages.
Dhruv-Ghanchinextjs-app-router-patterns
Implements Next.js App Router patterns for Server Components, streaming, and data fetching.
Dhruv-Ghanchiinteraction-design
Implement microinteractions, motion design, and scroll animations using Framer Motion, GSAP, and CSS.
Dhruv-Ghanchifrontend-design
Guides creation of distinctive, non-templated visual designs for web UI projects.
Dhruv-Ghanchivercel-react-best-practices
Applies Vercel performance optimization rules when writing and refactoring React and Next.js code.
Dhruv-Ghanchiframer-motion
Implements Disney's 12 animation principles using Framer Motion in React applications.
Dhruv-Ghanchitailwind-design-system
Build component libraries and design tokens with Tailwind CSS v4 CSS-first configuration.
Dhruv-Ghanchiblog-writing
Researches, writes, and publishes SEO-optimized blog posts with generated images for a Next.js portfolio.
Dhruv-Ghanchicode-reporting
Generates structured technical reports by exploring and analyzing codebase files.
Dhruv-Ghanchimulti-agent-issue-management
Coordinates task assignment and issue tracking across multiple AI coding agents to prevent git conflicts.
Frequently Asked Questions About Dhruv Ghanchi
FAQPage SchemaWhat tasks can I accomplish with Dhruv Ghanchi's skills?▼
You can design and audit web and mobile UI, build scroll-linked and physics-based animations with GSAP, Framer Motion, and React Spring, create Tailwind design systems, optimize Next.js App Router and React performance, configure MongoDB connection pools, and produce technical reports and blog posts.
Who are these skills designed for?▼
Frontend engineers, UI/UX designers, and design engineers working in React, Next.js, Vue, Svelte, Flutter, or Tailwind. They suit developers polishing micro-interactions, auditing accessibility, standardizing design tokens, or tuning MongoDB client connections in production applications.
Which animation libraries and frameworks are covered?▼
Coverage includes GSAP Core and ScrollTrigger, Framer Motion, Motion for React, React Spring with Popmotion, and Remotion for video. Guidance spans tweens, easing, gestures, layout animations, spring physics, scroll pinning, parallax, and Disney's 12 animation principles.
Are these skills open-source and what licenses apply?▼
Licensing varies per skill: gsap-core, gsap-scrolltrigger, and vercel-react-best-practices are MIT; mongodb-connection is Apache-2.0; frontend-design uses terms defined in its LICENSE.txt. Remaining skills carry no explicit license declaration in their frontmatter.
What prerequisites or dependencies do these skills require?▼
Most skills assume a JavaScript or React environment; animation skills require GSAP, Framer Motion, or React Spring installed. Next.js skills target version 14+ App Router, tailwind-design-system targets Tailwind CSS v4, and mongodb-connection requires a MongoDB driver in any supported language.