MoizIbnYousaf

> MoizIbnYousaf/Ai-Agent-Skills

📦 48 skills❤️ 935 likes📥 0 downloadsgithub →
MoizIbnYousaf

> algorithmic-art

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems.

#coding935
MoizIbnYousaf
MoizIbnYousaf

> artifacts-builder

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

#ai#frontend#typescript935
MoizIbnYousaf
MoizIbnYousaf

> ask-questions-if-underspecified

Clarify requirements before implementing. Do not use automatically, only when invoked explicitly.

#frontend#typescript935
MoizIbnYousaf
MoizIbnYousaf

> backend-development

Backend API design, database architecture, microservices patterns, and test-driven development. Use for designing APIs, database schemas, or backend system architecture.

#backend#database#testing935
MoizIbnYousaf
MoizIbnYousaf

> best-practices

Transforms vague prompts into optimized Claude Code prompts. Adds verification, specific context, constraints, and proper phasing. Invoke with /best-practices.

#ai#typescript#coding935
MoizIbnYousaf
MoizIbnYousaf

> brand-guidelines

Apply brand colors and typography to artifacts. Use when brand colors, style guidelines, visual formatting, or company design standards apply. Ensures consistency across branded content.

#frontend#typescript#writing935
MoizIbnYousaf
MoizIbnYousaf

> canvas-design

Create beautiful visual art in .png and .pdf documents using design philosophy. Use when the user asks to create a poster, piece of art, design, or other static visual piece. Creates original visual designs.

#typescript#design935
MoizIbnYousaf
MoizIbnYousaf

> changelog-generator

Automatically creates user-facing changelogs from git commits by analyzing commit history, categorizing changes, and transforming technical commits into clear, customer-friendly release notes. Turns hours of manual changelog writing into minutes of automated generation.

#typescript#writing935
MoizIbnYousaf
MoizIbnYousaf

> code-documentation

Writing effective code documentation - API docs, README files, inline comments, and technical guides. Use for documenting codebases, APIs, or writing developer guides.

#frontend#backend#typescript935
MoizIbnYousaf
MoizIbnYousaf

> code-refactoring

Code refactoring patterns and techniques for improving code quality without changing behavior. Use for cleaning up legacy code, reducing complexity, or improving maintainability.

#ai#coding935
MoizIbnYousaf
MoizIbnYousaf

> code-review

Automated code review for pull requests using specialized review patterns. Analyzes code for quality, security, performance, and best practices. Use when reviewing code changes, PRs, or doing code audits.

#security#typescript#coding935
MoizIbnYousaf
MoizIbnYousaf

> competitive-ads-extractor

Extracts and analyzes competitors' ads from ad libraries (Facebook, LinkedIn, etc.) to understand what messaging, problems, and creative approaches are working. Helps inspire and improve your own ad campaigns.

#ai#typescript935
MoizIbnYousaf
MoizIbnYousaf

> content-research-writer

Assists in writing high-quality content by conducting research, adding citations, improving hooks, iterating on outlines, and providing real-time feedback on each section. Transforms your writing process from solo effort to collaborative partnership.

#typescript#writing935
MoizIbnYousaf
MoizIbnYousaf

> database-design

Database schema design, optimization, and migration patterns for PostgreSQL, MySQL, and NoSQL databases. Use for designing schemas, writing migrations, or optimizing queries.

#database#data#writing935
MoizIbnYousaf
MoizIbnYousaf

> developer-growth-analysis

Analyzes your recent Claude Code chat history to identify coding patterns, development gaps, and areas for improvement, curates relevant learning resources from HackerNews, and automatically sends a personalized growth report to your Slack DMs.

#ai#coding935
MoizIbnYousaf
MoizIbnYousaf

> doc-coauthoring

Guide users through a structured workflow for co-authoring documentation. Use when user wants to write documentation, proposals, technical specs, decision docs, or similar structured content. This workflow helps users efficiently transfer context, refine content through iteration, and verify the doc works for readers. Trigger when user mentions writing docs, creating proposals, drafting specs, or similar documentation tasks.

#frontend#security#typescript935
MoizIbnYousaf
MoizIbnYousaf

> docx

Comprehensive document creation, editing, and analysis with support for tracked changes, comments, formatting preservation, and text extraction. When Claude needs to work with professional documents (.docx files) for creating new documents, modifying content, working with tracked changes, or adding comments.

#ai#typescript#writing935
MoizIbnYousaf
MoizIbnYousaf

> domain-name-brainstormer

Generates creative domain name ideas for your project and checks availability across multiple TLDs (.com, .io, .dev, .ai, etc.). Saves hours of brainstorming and manual checking.

#ai935
MoizIbnYousaf
MoizIbnYousaf

> figma

Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma nodes into production code. Trigger when a task involves Figma URLs, node IDs, design-to-code implementation, or Figma MCP setup and troubleshooting.

#mcp#backend#typescript935
MoizIbnYousaf
MoizIbnYousaf

> figma-implement-design

Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets, and project-convention translation). Trigger when the user provides Figma URLs or node IDs, or asks to implement designs or components that must match Figma specs. Requires a working Figma MCP server connection.

#mcp#frontend#backend935
MoizIbnYousaf
MoizIbnYousaf

> file-organizer

Intelligently organizes your files and folders across your computer by understanding context, finding duplicates, suggesting better structures, and automating cleanup tasks. Reduces cognitive load and keeps your digital workspace tidy without manual effort.

935
MoizIbnYousaf
MoizIbnYousaf

> frontend-design

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.

#ai#frontend#typescript935
MoizIbnYousaf
MoizIbnYousaf

> gh-fix-ci

Use when a user asks to debug or fix failing GitHub PR checks that run in GitHub Actions; use `gh` to inspect checks and logs, summarize failure context, draft a fix plan, and implement only after explicit approval. Treat external providers (for example Buildkite) as out of scope and report only the details URL.

#ai#frontend#coding935
MoizIbnYousaf
MoizIbnYousaf

> image-enhancer

Improves the quality of images, especially screenshots, by enhancing resolution, sharpness, and clarity. Perfect for preparing images for presentations, documentation, or social media posts.

#typescript#writing935
MoizIbnYousaf
MoizIbnYousaf

> internal-comms

Write internal communications using company formats. Use when writing status reports, leadership updates, company newsletters, FAQs, incident reports, project updates, or any internal communications.

#typescript#writing935
MoizIbnYousaf
MoizIbnYousaf

> invoice-organizer

Automatically organizes invoices and receipts for tax preparation by reading messy files, extracting key information, renaming them consistently, and sorting them into logical folders. Turns hours of manual bookkeeping into minutes of automated organization.

#typescript935
MoizIbnYousaf
MoizIbnYousaf

> javascript-typescript

JavaScript and TypeScript development with ES6+, Node.js, React, and modern web frameworks. Use for frontend, backend, or full-stack JavaScript/TypeScript projects.

#frontend#backend#typescript935
MoizIbnYousaf
MoizIbnYousaf

> jira-issues

Create, update, and manage Jira issues from natural language. Use when the user wants to log bugs, create tickets, update issue status, or manage their Jira backlog.

#typescript935
MoizIbnYousaf
MoizIbnYousaf

> job-application

Write tailored cover letters and job applications using your CV and preferred style

#ai935
MoizIbnYousaf
MoizIbnYousaf

> lead-research-assistant

Identifies high-quality leads for your product or service by analyzing your business, searching for target companies, and providing actionable contact strategies. Perfect for sales, business development, and marketing professionals.

935
MoizIbnYousaf
MoizIbnYousaf

> llm-application-dev

Building applications with Large Language Models - prompt engineering, RAG patterns, and LLM integration. Use for AI-powered features, chatbots, or LLM-based automation.

#ai#frontend#typescript935
MoizIbnYousaf
MoizIbnYousaf

> mcp-builder

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

#ai#mcp#frontend935
MoizIbnYousaf
MoizIbnYousaf

> meeting-insights-analyzer

Analyzes meeting transcripts and recordings to uncover behavioral patterns, communication insights, and actionable feedback. Identifies when you avoid conflict, use filler words, dominate conversations, or miss opportunities to listen. Perfect for professionals seeking to improve their communication and leadership skills.

#typescript#agent935
MoizIbnYousaf
MoizIbnYousaf

> notion-spec-to-implementation

Turn Notion specs into implementation plans, tasks, and progress tracking; use when implementing PRDs/feature specs and creating Notion plans + tasks from them.

935
MoizIbnYousaf
MoizIbnYousaf

> openai-docs

Use when the user asks how to build with OpenAI products or APIs and needs up-to-date official documentation with citations, help choosing the latest model for a use case, or explicit GPT-5.4 upgrade and prompt-upgrade guidance; prioritize OpenAI docs MCP tools, use bundled references only as helper context, and restrict any fallback browsing to official OpenAI domains.

#ai#mcp#frontend935
MoizIbnYousaf
MoizIbnYousaf

> pdf

Comprehensive PDF manipulation toolkit for extracting text and tables, creating new PDFs, merging/splitting documents, and handling forms. When Claude needs to fill in a PDF form or programmatically process, generate, or analyze PDF documents at scale.

#ai#typescript935
MoizIbnYousaf
MoizIbnYousaf

> playwright

Use when the task requires automating a real browser from the terminal (navigation, form filling, snapshots, screenshots, data extraction, UI-flow debugging) via `playwright-cli` or the bundled wrapper script.

#frontend#testing#typescript935
MoizIbnYousaf
MoizIbnYousaf

> pptx

Presentation creation, editing, and analysis. When Claude needs to work with presentations (.pptx files) for creating new presentations, modifying content, working with layouts, adding speaker notes, or any presentation tasks.

#ai#typescript#writing935
MoizIbnYousaf
MoizIbnYousaf

> python-development

Modern Python development with Python 3.12+, Django, FastAPI, async patterns, and production best practices. Use for Python projects, APIs, data processing, or automation scripts.

#backend#python#typescript935
MoizIbnYousaf
MoizIbnYousaf

> qa-regression

Automate QA regression testing with reusable test skills. Create login flows, dashboard checks, user creation, and other common test scenarios that run consistently.

#testing#mobile#agent935
MoizIbnYousaf
MoizIbnYousaf

> raffle-winner-picker

Picks random winners from lists, spreadsheets, or Google Sheets for giveaways, raffles, and contests. Ensures fair, unbiased selection with transparency.

#ai#testing#typescript935
MoizIbnYousaf
MoizIbnYousaf

> sentry

Use when the user asks to inspect Sentry issues or events, summarize recent production errors, or pull basic Sentry health data via the Sentry API; perform read-only queries with the bundled script and require `SENTRY_AUTH_TOKEN`.

#frontend#backend#security935
MoizIbnYousaf
MoizIbnYousaf

> skill-creator

Guide for creating effective skills. Use when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.

#ai#frontend#agent935
MoizIbnYousaf
MoizIbnYousaf

> slack-gif-creator

Toolkit for creating animated GIFs optimized for Slack, with validators for size constraints and composable animation primitives. This skill applies when users request animated GIFs or emoji animations for Slack from descriptions like "make me a GIF for Slack of X doing Y".

#ai#typescript#agent935
MoizIbnYousaf
MoizIbnYousaf

> theme-factory

Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.

#ai#typescript#writing935
MoizIbnYousaf
MoizIbnYousaf

> video-downloader

Downloads videos from YouTube and other platforms for offline viewing, editing, or archival. Handles various formats and quality options.

#typescript935
MoizIbnYousaf
MoizIbnYousaf

> webapp-testing

Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.

#frontend#testing#typescript935
MoizIbnYousaf
MoizIbnYousaf

> xlsx

Comprehensive spreadsheet creation, editing, and analysis with support for formulas, formatting, data analysis, and visualization. When Claude needs to work with spreadsheets (.xlsx, .xlsm, .csv, .tsv, etc) for creating new spreadsheets, reading/analyzing data, modifying existing spreadsheets, or recalculating formulas.

#ai#typescript#data935
MoizIbnYousaf