zaaakher
- 14 skills
- 0 followers
- 5 hours ago last updated
- ▌ Frontend Design · zaaakherCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
- ▌ Web Design Guidelines · zaaakherReview UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
- ▌ Microsoft Foundry Test · zaaakherUse this skill to work with Microsoft Foundry (Azure AI Foundry) and tools from Foundry MCP server: deploy AI models, manage AI agents (create, deploy, invoke, run, troubleshoot Foundry Agents), manage RBAC permissions and role assignments, manage quotas and capacity, create Foundry resources. USE FOR: Microsoft Foundry, AI Foundry, create agent, deploy agent, debug agent, invoke agent, run agent, agent chat, evaluate agent, agent monitoring, deploy model, model catalog, knowledge index, create Foundry project, new Foundry project, set up Foundry, onboard to Foundry, create Foundry resource, create AI Services, AIServices kind, register resource provider, enable Cognitive Services, setup AI Services account, create resource group for Foundry, RBAC, role assignment, quota, capacity, TPM, deployment failure, QuotaExceeded. DO NOT USE FOR: Azure Functions (use azure-functions), App Service (use azure-create-app), generic Azure resource creation (use azure-create-app).
- ▌ UI Design · zaaakherProfessional UI design and frontend interface guidelines. Use this skill when creating web pages, mini-program interfaces, prototypes, or any frontend UI components that require distinctive, production-grade design with exceptional aesthetic quality.
- ▌
- ▌ Algorithmic Art · zaaakherAlgorithmic philosophies are computational aesthetic movements that are then expressed through code. Output .md files (philosophy), .html files (interactive viewer), and .js files (generative algorithms).
- ▌ Shadcn Registry · zaaakherUse this skill whenever the user wants to create, set up, or manage a custom shadcn/ui component registry. Triggers include: "create a shadcn registry", "build a component registry", "publish my components with shadcn", "set up a custom registry", or any request involving registry.json, npx shadcn build, hosting/sharing shadcn components, or adding components to a registry. Covers full project scaffolding, writing registry items of all types (ui, block, hook, lib, page, theme, file), building the JSON output, namespaces, authentication, and deployment guidance. Also use when the user wants to add a new component to an existing registry, troubleshoot registry install errors, or set up namespace-based installs. Do NOT use for general shadcn component usage, styling questions, or components.json configuration unrelated to running a registry.
- ▌ UI Enhance Animate · zaaakherComprehensively upgrades and polishes an existing website's UI design — improving layout, typography, spacing, depth, visual hierarchy, and component refinement — while preserving the site's existing color palette. Also adds smooth, staggered blur+slide-up reveal animations using Framer Motion (or CSS if plain HTML) triggered when elements enter the viewport. Use this skill whenever the user wants to improve, modernize, polish, or animate an existing website or React/HTML page. Trigger even when the user only mentions "make it look better", "animate it", "improve the design", "upgrade the UI", "make it more modern", or "add scroll animations" — this skill handles all of those, not just animation.
- ▌
- ▌ Amazon Payment Services · zaaakher bundleAmazon Payment Services (APS) integration and API usage. Use this skill whenever the user mentions payment integration, accepting payments, payment APIs, checkout flows, payment methods (cards, Apple Pay, KNET, NAPS, STC Pay, MADA, etc.), recurring payments, refunds, captures, 3D Secure, PCI compliance, or any Amazon Payment Services documentation questions. This skill covers all APS integration types: Hosted Checkout, Custom Integration (PCI and Non-PCI), Mobile SDK, Payment Links, and e-commerce plugins.
- ▌ Elegant Frontend Design · zaaakherCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
- ▌ Food Commerce UI Designer · zaaakherCreate distinctive, production-grade frontend interfaces with high design quality for an ecommerce brand selling sauces and bone broth. Use this skill when building any web components, pages, product listings, landing sections, or UI elements for the store. Generates warm, inviting, food-forward designs with smooth Motion-powered animations and colorful, friendly aesthetics. Always use this skill for any UI, page, component, or layout work — even if the user just says "make a card" or "build a section" or "add animations".
- ▌ Shadcn UI Custom Registry Test · zaaakherSKILL: shadcn/ui Custom Registry — Full Setup & Management
- ▌ Amazon Payment Services Integration · zaaakher bundleComplete guide to integrating Amazon Payment Services (APS) into Next.js applications using the amazon-payment-services npm package. Use this skill whenever users need to accept payments in Middle East markets (Saudi Arabia, UAE, Kuwait, Qatar, Bahrain, Oman, Egypt, Jordan), implement payment links, hosted checkout, custom payment forms, card tokenization, or handle APS webhooks. This skill covers both sandbox testing and production deployment.