mcp-builder

zaaakher

Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. Use when building MCP servers to integrate external APIs or services, whether in Python (FastMCP) or Node/TypeScript (MCP SDK).

mcp-builder

zaaakher

Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. Use when building MCP servers to integrate external APIs or services, whether in Python (FastMCP) or Node/TypeScript (MCP SDK).

mcp-builder

zaaakher

Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. Use when building MCP servers to integrate external APIs or services, whether in Python (FastMCP) or Node/TypeScript (MCP SDK).

frontend-design-1

zaaakher

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

mcp-builder

zaaakher

Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. Use when building MCP servers to integrate external APIs or services, whether in Python (FastMCP) or Node/TypeScript (MCP SDK).

docx

zaaakher

Use this skill whenever the user wants to create, read, edit, or manipulate Word documents (.docx files). Triggers include: any mention of 'Word doc', 'word document', '.docx', or requests to produce professional documents with formatting like tables of contents, headings, page numbers, or letterheads. Also use when extracting or reorganizing content from .docx files, inserting or replacing images in documents, performing find-and-replace in Word files, working with tracked changes or comments, or converting content into a polished Word document. If the user asks for a 'report', 'memo', 'letter', 'template', or similar deliverable as a Word or .docx file, use this skill. Do NOT use for PDFs, spreadsheets, Google Docs, or general coding tasks unrelated to document generation.

food-commerce-ui-designer

zaaakher

Create 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".

testing compatibility

zaaakher

description here

mcp-builder

zaaakher

Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. Use when building MCP servers to integrate external APIs or services, whether in Python (FastMCP) or Node/TypeScript (MCP SDK).

elegant-frontend-design

zaaakher

Create 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.

ui-design

zaaakher

Professional 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.

ui-enhance-animate

zaaakher

Comprehensively 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.

web-design-guidelines

zaaakher

Review 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".