Mohamad Joumaa
Community@MohamadJoumaa · Lebanon / Remote
Junior SWE/ML · Python, JS/TS, React/Node · RAG & Scikit-learn · Building MuGate (full-stack AI) & ML demos · Open to remote
Agent Skills by Mohamad Joumaa
Showing 24 vetted skills indexed across 1 GitHub repositories.
MohamadJoumaadeploy-to-vercel
Deploy projects to Vercel via CLI, git push, or claimable no-auth endpoints.
MohamadJoumaaui-ux-pro-max
Searches local UI/UX datasets to generate design systems and implementation guidance.
MohamadJoumaadesign
Generates logos, CIP mockups, SVG icons, banners, slides, and social images via Gemini AI and HTML rendering.
MohamadJoumaaagent-browser
Automates browser interactions via Chrome DevTools Protocol with accessibility-tree snapshots.
MohamadJoumaanext-dev-loop
Verify Next.js code changes at runtime using the /_next/mcp endpoint and agent-browser.
MohamadJoumaabanner-design
Generates multi-format banner designs for social media, ads, web heroes, and print with AI-generated visuals.
MohamadJoumaanext-partial-prefetching-adoption
Guides adoption of Partial Prefetching in Next.js apps through audits, baselines, and verification.
MohamadJoumaaweb-design-guidelines
Review UI code files against Vercel Web Interface Guidelines and report findings.
MohamadJoumaanext-cache-components-optimizer
Drives Next.js routes to instant navigation using test-driven Cache Components optimization.
MohamadJoumaaui-styling
Build accessible React interfaces with shadcn/ui components and Tailwind CSS utilities.
MohamadJoumaanext-cache-components-adoption
Migrates Next.js App Router projects to Cache Components and resolves blocking-prerender errors.
MohamadJoumaabrand
Manage brand voice, visual identity, and asset compliance with validation scripts and design token sync.
MohamadJoumaashadcn
Manages shadcn/ui components, presets, and registries through the official CLI.
MohamadJoumaawriting-guidelines
Review documentation files against fetched writing style guidelines and report violations.
MohamadJoumaamigrate-ai-sdk-v6-to-v7
Migrates applications from Vercel AI SDK 6.x to AI SDK 7.0 using a structured checklist.
MohamadJoumaavercel-cli-with-tokens
Deploy and manage Vercel projects using token-based CLI authentication.
MohamadJoumaavercel-react-view-transitions
Implements native view transition animations in React and Next.js applications.
MohamadJoumaaslides
Create HTML presentation slides with Chart.js charts, design tokens, and copywriting formulas.
MohamadJoumaavercel-optimize
Audits Vercel projects using observability metrics to produce ranked cost and performance recommendations.
MohamadJoumaaai-elements
Build AI chat interfaces with shadcn/ui-based React components for conversations, messages, and tools.
MohamadJoumaavercel-react-best-practices
Applies Vercel's performance optimization rules when writing and refactoring React and Next.js code.
MohamadJoumaaai-sdk
Guides building AI features with the Vercel AI SDK using version-matched bundled documentation.
MohamadJoumaavercel-composition-patterns
Guides React component refactoring using compound components, context providers, and composition patterns.
MohamadJoumaadesign-system
Generates three-layer design tokens, component specifications, and brand-compliant HTML slide decks.
Frequently Asked Questions About Mohamad Joumaa
FAQPage SchemaWhat tasks can I accomplish with Mohamad Joumaa's skill registry?▼
You can deploy apps to Vercel, optimize Next.js routes with Cache Components and Partial Prefetching, verify runtime behavior via next-dev-loop, build shadcn/Tailwind interfaces, add React view transitions, migrate AI SDK v6 to v7, and generate logos, banners, icons, and slides.
Who is the target audience for these skills?▼
Frontend and full-stack engineers working with Next.js, React, and Vercel, plus designers and marketers needing brand identity, banner, and presentation assets. The registry reflects a junior SWE/ML profile focused on React/Node, RAG, and full-stack AI projects.
What are the runtime prerequisites for the Next.js optimization skills?▼
next-cache-components-optimizer requires Next.js 16.3+ with cacheComponents enabled and directs an upgrade if older. next-dev-loop requires a running `next dev` server plus agent-browser. shadcn skills invoke npx, pnpm dlx, or bunx against the shadcn package.
Are these skills open source and what licenses apply?▼
Several skills carry MIT licenses, including design, banner-design, ui-styling, design-system, vercel-react-view-transitions, vercel-react-best-practices, and vercel-composition-patterns. Vercel-authored skills like deploy-to-vercel and web-design-guidelines list no explicit license in their frontmatter.
How do the Vercel deployment skills handle authentication?▼
vercel-cli-with-tokens uses token-based authentication instead of interactive login, supporting commands like deploying projects and adding environment variables. deploy-to-vercel handles direct deployment requests such as preview deployments and pushing applications live.