Mohamed Gamal
Community@mohamedgshoaib · Cairo, Egypt
Software Engineer
Agent Skills by Mohamed Gamal
Showing 48 vetted skills indexed across 1 GitHub repositories.
zod
Standardize Zod schema validation and type inference in TypeScript applications.
chrome-extension-ui
Guide Chrome Extension UI design with 42 rules for Manifest V3.
dnd-kit-react
Implements drag-and-drop interfaces in React using @dnd-kit/react.
postgresql-table-design
Design and optimize PostgreSQL database schemas with indexing strategies.
wrap-up
Append progress, decisions, and blockers to date-stamped session log files.
chrome-extension-development
Guide Chrome extension development with Manifest V3 architectural and security guidelines.
browser-extension-builder
Architect and implement Manifest V3 browser extensions for Chrome and Firefox.
fixing-motion-performance
Identify and resolve UI animation performance issues in CSS, WAAPI, and JS-driven systems.
handoff
Compacts active conversation threads into a structured handoff document.
tanstack-query
Manage asynchronous server state with caching and data synchronization for frontend applications.
web-design-guidelines
Audit local UI source files against remote web design and accessibility guidelines.
motion-patterns
Provide standardized animation patterns for React and Next.js using motion/react.
react-doctor
Analyze React codebases for security, performance, and architectural regressions.
supabase-known-pitfalls
Detect and fix security, performance, and data integrity anti-patterns in Supabase applications.
motion-design
Apply motion design principles to create UI animations with CSS, Framer Motion, and GSAP.
react-hook-form
Apply 41 performance rules to minimize re-renders in React Hook Form.
typescript-advanced-types
Implement advanced TypeScript generics, conditional types, and mapped types.
shadcn
Manage shadcn/ui component lifecycle via CLI with Tailwind styling.
supabase-load-scale
Manage Supabase read replicas, connection pooling, and table partitioning.
improve-codebase-architecture
Identify shallow modules and refactor them into deep, cohesive interfaces.
react-performance-optimization
Optimize React 18+ performance with memoization, code splitting, and virtualization.
motion
Create declarative UI animations for JavaScript, React, and Vue.
motion-advanced
Implement physics-based animation patterns for React and Next.js with motion/react.
react-useeffect
Identify React useEffect anti-patterns and recommend architectural alternatives.