Ramadan-Elgamal
Community@Ramadan-Elgamal
Ramadan-Elgamal curates 21 skills spanning Vercel deployment, Clerk authentication, Supabase Postgres, shadcn/Tailwind UI styling, and brand design systems.
Agent Skills by Ramadan-Elgamal
Showing 21 vetted skills indexed across 1 GitHub repositories.
Ramadan-Elgamaldeploy-to-vercel
Deploy projects to Vercel via CLI, git push, or claimable no-auth endpoints.
Ramadan-Elgamalui-ux-pro-max
Generates design system recommendations and searches UI/UX guideline databases via Python CLI.
Ramadan-Elgamaldesign
Generate logos, CIP mockups, banners, icons, slides, and social images with Gemini AI.
Ramadan-Elgamalbanner-design
Generates multi-format banner designs for social media, ads, web heroes, and print with AI-generated visuals.
Ramadan-Elgamalweb-design-guidelines
Reviews UI code files against Vercel Web Interface Guidelines and reports findings by line.
Ramadan-Elgamalui-styling
Build accessible React interfaces with shadcn/ui components and Tailwind CSS utilities.
Ramadan-Elgamalbrand
Manages brand voice, visual identity, design tokens, and asset validation workflows.
Ramadan-Elgamalclerk-webhooks
Implement verified Clerk webhook handlers for user, organization, and billing event syncing.
Ramadan-Elgamalshadcn
Manages shadcn/ui components, presets, and registries through the shadcn CLI.
Ramadan-Elgamalclerk-nextjs-patterns
Implements Clerk authentication patterns for Next.js middleware, Server Actions, API routes, and caching.
Ramadan-Elgamalsupabase-postgres-best-practices
Applies Postgres performance, schema, security, and migration rules to SQL authoring and optimization tasks.
Ramadan-Elgamalslides
Create HTML presentation slides with Chart.js charts, design tokens, and copywriting formulas.
Ramadan-Elgamalclerk-orgs
Implements Clerk Organizations for multi-tenant B2B SaaS with roles, invitations, and enterprise SSO.
Ramadan-Elgamalclerk-setup
Configure Clerk authentication in web and mobile projects using official quickstart guides.
Ramadan-Elgamalclerk-custom-ui
Build custom Clerk sign-in and sign-up flows and style authentication components.
Ramadan-Elgamalclerk-testing
Configures end-to-end authentication tests for Clerk apps using Playwright or Cypress.
Ramadan-Elgamalvercel-react-best-practices
Applies Vercel performance optimization rules when writing and refactoring React and Next.js code.
Ramadan-Elgamalclerk
Routes Clerk authentication tasks to framework-specific implementation skills.
Ramadan-Elgamalturborepo
Configure Turborepo task pipelines, caching, and filtering for JavaScript monorepos.
Ramadan-Elgamalvercel-composition-patterns
Guides React component refactoring using compound components, context providers, and composition patterns.
Ramadan-Elgamaldesign-system
Generates three-layer design tokens, component specifications, and brand-compliant HTML slide decks.
Frequently Asked Questions About Ramadan-Elgamal
FAQPage SchemaWhat tasks can I accomplish with Ramadan-Elgamal's skills?▼
You can deploy apps to Vercel, integrate Clerk authentication (setup, organizations, webhooks, custom UI, testing), optimize Postgres schemas and queries with Supabase best practices, build shadcn/Tailwind interfaces, generate brand assets and slides, and manage Turborepo monorepo pipelines.
Who should use these skills?▼
Frontend and full-stack engineers building Next.js or React applications, B2B SaaS developers needing multi-tenant auth with Clerk Organizations, designers creating brand systems and banners, and database engineers optimizing Postgres performance, RLS policies, and migrations.
What are the prerequisites and dependencies?▼
Clerk skills require NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY and CLERK_SECRET_KEY, Node.js 20.9.0+, and dashboard-configured signing secrets or testing tokens. shadcn skills use npx/pnpm/bunx commands; Supabase Postgres guidance applies to any Postgres instance.
Are these skills open source and free to use?▼
Yes. Most skills carry MIT licenses, including the Clerk suite, Vercel React guidelines, Supabase Postgres practices, and claudekit design skills. They are published in Ramadan-Elgamal's public GitHub registry at no cost.
How do the design and UI skills work together?▼
The design, design-system, ui-styling, and ui-ux-pro-max skills combine three-layer design tokens, 67 styles, 161 palettes, and shadcn/Radix components to produce accessible interfaces, logos, banners, icons, and Chart.js presentations across web and social platforms.