Omar Arfa
Community@arfaomar · Frankfurt am Main, Germany
Omar Arfa's registry curates Vercel deployment, React/Next.js performance, Gemini multimodal development, and UI review skills for frontend engineers.
Agent Skills by Omar Arfa
Showing 12 vetted skills indexed across 1 GitHub repositories.
arfaomardeploy-to-vercel
Deploy projects to Vercel via CLI, git push, or claimable no-auth endpoints.
arfaomargemini-api-dev
Implements Gemini API integrations with current models, SDKs, and multimodal capabilities.
arfaomarvercel-react-native-skills
Applies React Native and Expo performance rules to component, list, and animation code.
arfaomarweb-design-guidelines
Review UI code files against Vercel Web Interface Guidelines and report findings.
arfaomarshadcn
Manages shadcn/ui components, presets, and registries via the shadcn CLI.
arfaomarwriting-guidelines
Review documentation files against fetched writing guidelines and report violations.
arfaomarvercel-cli-with-tokens
Deploy and manage Vercel projects using CLI token-based authentication.
arfaomarvercel-react-view-transitions
Implements React View Transition API animations for route changes, shared elements, and Suspense reveals.
arfaomarvercel-optimize
Audits deployed Vercel projects using observability metrics to produce ranked cost and performance recommendations.
arfaomarvercel-react-best-practices
Applies Vercel's React and Next.js performance optimization rules when writing or refactoring code.
arfaomarvercel-composition-patterns
Refactors React components using compound components, context providers, and composition patterns.
arfaomarreact-doctor
Scans React codebases for security, performance, and architecture issues with a health score.
Frequently Asked Questions About Omar Arfa
FAQPage SchemaWhat tasks can I accomplish with Omar Arfa's skill registry?▼
You can deploy apps to Vercel, optimize Vercel costs and Core Web Vitals, apply React/Next.js performance and composition patterns, build React Native/Expo mobile apps, manage shadcn components, implement React View Transitions, develop with Gemini multimodal models, and audit UI accessibility and documentation prose.
Who is the target audience for these skills?▼
Frontend and full-stack engineers working with React, Next.js, React Native, and Vercel hosting. It also serves mobile developers using Expo, developers integrating Gemini hosted models across Python, JavaScript, Java, or Go, and teams enforcing UI accessibility and writing-style guidelines.
How do I deploy a project to Vercel using these skills?▼
Invoke deploy-to-vercel with requests like 'deploy my app' or 'push this live' to get a preview link. For non-interactive environments, vercel-cli-with-tokens handles token-based authentication, project setup, and environment variable configuration without interactive login.
Are these skills open source and what do they cost?▼
Several skills carry MIT licenses, including vercel-react-native-skills, vercel-react-best-practices, vercel-composition-patterns, and vercel-react-view-transitions. Other skills list no explicit license. The skills themselves are free; usage costs depend on Vercel hosting and Gemini model consumption.
What prerequisites are needed to use the shadcn and optimization skills?▼
The shadcn skill requires a project with components.json and runs via npx, pnpm dlx, or bunx shadcn@latest commands. vercel-optimize requires an existing Vercel deployment (Next.js, SvelteKit, Nuxt, or limited Astro) with accessible metrics, usage data, and project configuration.